:root {
  --iti-hover-color: rgba(0, 0, 0, 0.05);
  --iti-border-color: #ccc;
  --iti-dialcode-color: #999;
  --iti-dropdown-bg: white;
  --iti-spacer-horizontal: 8px;
  --iti-flag-height: 12px;
  --iti-flag-width: 16px;
  --iti-border-width: 1px;
  --iti-arrow-height: 4px;
  --iti-arrow-width: 6px;
  --iti-triangle-border: calc(var(--iti-arrow-width) / 2);
  --iti-arrow-padding: 6px;
  --iti-arrow-color: #555;
  --iti-path-flags-1x: url('flags.b2133e947e8c730e.webp');
  --iti-path-flags-2x: url('flags@2x.9e947ca1fe95c31b.webp');
  --iti-path-globe-1x: url('globe.98e105ca81b63f37.webp');
  --iti-path-globe-2x: url('globe@2x.974df6f829af5e5b.webp');
  --iti-flag-sprite-width: 3904px;
  --iti-flag-sprite-height: 12px;
  --iti-mobile-popup-margin: 30px;
}

.iti {
  position: relative;
  display: inline-block;
}
.iti * {
  box-sizing: border-box;
}
.iti__hide {
  display: none;
}
.iti__v-hide {
  visibility: hidden;
}
.iti__a11y-text {
  width: 1px;
  height: 1px;
  clip: rect(1px, 1px, 1px, 1px);
  overflow: hidden;
  position: absolute;
}
.iti input.iti__tel-input,
.iti input.iti__tel-input[type=text],
.iti input.iti__tel-input[type=tel] {
  position: relative;
  z-index: 0;
  margin: 0 !important;
}
.iti__country-container {
  position: absolute;
  top: 0;
  bottom: 0;
  padding: var(--iti-border-width);
}
.iti__selected-country {
  z-index: 1;
  position: relative;
  display: flex;
  align-items: center;
  height: 100%;
  background: none;
  border: 0;
  margin: 0;
  padding: 0;
  font-family: inherit;
  font-size: inherit;
  color: inherit;
  border-radius: 0;
  font-weight: inherit;
  line-height: inherit;
  text-decoration: none;
}
.iti__selected-country-primary {
  display: flex;
  align-items: center;
  height: 100%;
  padding: 0 var(--iti-arrow-padding) 0 var(--iti-spacer-horizontal);
}
.iti__arrow {
  margin-left: var(--iti-arrow-padding);
  width: 0;
  height: 0;
  border-left: var(--iti-triangle-border) solid transparent;
  border-right: var(--iti-triangle-border) solid transparent;
  border-top: var(--iti-arrow-height) solid var(--iti-arrow-color);
}
[dir=rtl] .iti__arrow {
  margin-right: var(--iti-arrow-padding);
  margin-left: 0;
}
.iti__arrow--up {
  border-top: none;
  border-bottom: var(--iti-arrow-height) solid var(--iti-arrow-color);
}
.iti__dropdown-content {
  border-radius: 3px;
  background-color: var(--iti-dropdown-bg);
}
.iti--inline-dropdown .iti__dropdown-content {
  position: absolute;
  z-index: 2;
  margin-top: 3px;
  margin-left: calc(var(--iti-border-width) * -1);
  border: var(--iti-border-width) solid var(--iti-border-color);
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
}
.iti__search-input {
  width: 100%;
  border-width: 0;
  border-radius: 3px;
}
.iti__search-input + .iti__country-list {
  border-top: 1px solid var(--iti-border-color);
}
.iti__country-list {
  list-style: none;
  padding: 0;
  margin: 0;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}
.iti--inline-dropdown .iti__country-list {
  max-height: 185px;
}
.iti--flexible-dropdown-width .iti__country-list {
  white-space: nowrap;
}
@media (max-width: 500px) {
  .iti--flexible-dropdown-width .iti__country-list {
    white-space: normal;
  }
}
.iti__country {
  display: flex;
  align-items: center;
  padding: 8px var(--iti-spacer-horizontal);
  outline: none;
}
.iti__dial-code {
  color: var(--iti-dialcode-color);
}
.iti__country.iti__highlight {
  background-color: var(--iti-hover-color);
}
.iti__country-list .iti__flag, .iti__country-name {
  margin-right: var(--iti-spacer-horizontal);
}
[dir=rtl] .iti__country-list .iti__flag, [dir=rtl] .iti__country-name {
  margin-right: 0;
  margin-left: var(--iti-spacer-horizontal);
}
.iti--allow-dropdown .iti__country-container:not(:has(+ input[disabled])):not(:has(+ input[readonly])):hover, .iti--allow-dropdown .iti__country-container:not(:has(+ input[disabled])):not(:has(+ input[readonly])):hover button {
  cursor: pointer;
}
.iti--allow-dropdown .iti__country-container:not(:has(+ input[disabled])):not(:has(+ input[readonly])) .iti__selected-country-primary:hover,
.iti--allow-dropdown .iti__country-container:not(:has(+ input[disabled])):not(:has(+ input[readonly])) .iti__selected-country:has(+ .iti__dropdown-content:hover) .iti__selected-country-primary {
  background-color: var(--iti-hover-color);
}
.iti .iti__selected-dial-code {
  margin-left: 4px;
}
[dir=rtl] .iti .iti__selected-dial-code {
  margin-left: 0;
  margin-right: 4px;
}
.iti--container {
  position: fixed;
  top: -1000px;
  left: -1000px;
  z-index: 1060;
  padding: var(--iti-border-width);
}
.iti--container:hover {
  cursor: pointer;
}

.iti--fullscreen-popup.iti--container {
  background-color: rgba(0, 0, 0, 0.5);
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  position: fixed;
  padding: var(--iti-mobile-popup-margin);
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.iti--fullscreen-popup .iti__dropdown-content {
  display: flex;
  flex-direction: column;
  max-height: 100%;
  position: relative;
}
.iti--fullscreen-popup .iti__country {
  padding: 10px 10px;
  line-height: 1.5em;
}

.iti__flag {
  --iti-flag-offset: 100px;
  height: var(--iti-flag-height);
  width: var(--iti-flag-width);
  border-radius: 1px;
  box-shadow: 0px 0px 1px 0px #888;
  background-image: var(--iti-path-flags-1x);
  background-repeat: no-repeat;
  background-position: var(--iti-flag-offset) 0;
  background-size: var(--iti-flag-sprite-width) var(--iti-flag-sprite-height);
}

.iti__ac {
  --iti-flag-offset: 0px;
}

.iti__ad {
  --iti-flag-offset: -16px;
}

.iti__ae {
  --iti-flag-offset: -32px;
}

.iti__af {
  --iti-flag-offset: -48px;
}

.iti__ag {
  --iti-flag-offset: -64px;
}

.iti__ai {
  --iti-flag-offset: -80px;
}

.iti__al {
  --iti-flag-offset: -96px;
}

.iti__am {
  --iti-flag-offset: -112px;
}

.iti__ao {
  --iti-flag-offset: -128px;
}

.iti__ar {
  --iti-flag-offset: -144px;
}

.iti__as {
  --iti-flag-offset: -160px;
}

.iti__at {
  --iti-flag-offset: -176px;
}

.iti__au {
  --iti-flag-offset: -192px;
}

.iti__aw {
  --iti-flag-offset: -208px;
}

.iti__ax {
  --iti-flag-offset: -224px;
}

.iti__az {
  --iti-flag-offset: -240px;
}

.iti__ba {
  --iti-flag-offset: -256px;
}

.iti__bb {
  --iti-flag-offset: -272px;
}

.iti__bd {
  --iti-flag-offset: -288px;
}

.iti__be {
  --iti-flag-offset: -304px;
}

.iti__bf {
  --iti-flag-offset: -320px;
}

.iti__bg {
  --iti-flag-offset: -336px;
}

.iti__bh {
  --iti-flag-offset: -352px;
}

.iti__bi {
  --iti-flag-offset: -368px;
}

.iti__bj {
  --iti-flag-offset: -384px;
}

.iti__bl {
  --iti-flag-offset: -400px;
}

.iti__bm {
  --iti-flag-offset: -416px;
}

.iti__bn {
  --iti-flag-offset: -432px;
}

.iti__bo {
  --iti-flag-offset: -448px;
}

.iti__bq {
  --iti-flag-offset: -464px;
}

.iti__br {
  --iti-flag-offset: -480px;
}

.iti__bs {
  --iti-flag-offset: -496px;
}

.iti__bt {
  --iti-flag-offset: -512px;
}

.iti__bw {
  --iti-flag-offset: -528px;
}

.iti__by {
  --iti-flag-offset: -544px;
}

.iti__bz {
  --iti-flag-offset: -560px;
}

.iti__ca {
  --iti-flag-offset: -576px;
}

.iti__cc {
  --iti-flag-offset: -592px;
}

.iti__cd {
  --iti-flag-offset: -608px;
}

.iti__cf {
  --iti-flag-offset: -624px;
}

.iti__cg {
  --iti-flag-offset: -640px;
}

.iti__ch {
  --iti-flag-offset: -656px;
}

.iti__ci {
  --iti-flag-offset: -672px;
}

.iti__ck {
  --iti-flag-offset: -688px;
}

.iti__cl {
  --iti-flag-offset: -704px;
}

.iti__cm {
  --iti-flag-offset: -720px;
}

.iti__cn {
  --iti-flag-offset: -736px;
}

.iti__co {
  --iti-flag-offset: -752px;
}

.iti__cr {
  --iti-flag-offset: -768px;
}

.iti__cu {
  --iti-flag-offset: -784px;
}

.iti__cv {
  --iti-flag-offset: -800px;
}

.iti__cw {
  --iti-flag-offset: -816px;
}

.iti__cx {
  --iti-flag-offset: -832px;
}

.iti__cy {
  --iti-flag-offset: -848px;
}

.iti__cz {
  --iti-flag-offset: -864px;
}

.iti__de {
  --iti-flag-offset: -880px;
}

.iti__dj {
  --iti-flag-offset: -896px;
}

.iti__dk {
  --iti-flag-offset: -912px;
}

.iti__dm {
  --iti-flag-offset: -928px;
}

.iti__do {
  --iti-flag-offset: -944px;
}

.iti__dz {
  --iti-flag-offset: -960px;
}

.iti__ec {
  --iti-flag-offset: -976px;
}

.iti__ee {
  --iti-flag-offset: -992px;
}

.iti__eg {
  --iti-flag-offset: -1008px;
}

.iti__eh {
  --iti-flag-offset: -1024px;
}

.iti__er {
  --iti-flag-offset: -1040px;
}

.iti__es {
  --iti-flag-offset: -1056px;
}

.iti__et {
  --iti-flag-offset: -1072px;
}

.iti__fi {
  --iti-flag-offset: -1088px;
}

.iti__fj {
  --iti-flag-offset: -1104px;
}

.iti__fk {
  --iti-flag-offset: -1120px;
}

.iti__fm {
  --iti-flag-offset: -1136px;
}

.iti__fo {
  --iti-flag-offset: -1152px;
}

.iti__fr {
  --iti-flag-offset: -1168px;
}

.iti__ga {
  --iti-flag-offset: -1184px;
}

.iti__gb {
  --iti-flag-offset: -1200px;
}

.iti__gd {
  --iti-flag-offset: -1216px;
}

.iti__ge {
  --iti-flag-offset: -1232px;
}

.iti__gf {
  --iti-flag-offset: -1248px;
}

.iti__gg {
  --iti-flag-offset: -1264px;
}

.iti__gh {
  --iti-flag-offset: -1280px;
}

.iti__gi {
  --iti-flag-offset: -1296px;
}

.iti__gl {
  --iti-flag-offset: -1312px;
}

.iti__gm {
  --iti-flag-offset: -1328px;
}

.iti__gn {
  --iti-flag-offset: -1344px;
}

.iti__gp {
  --iti-flag-offset: -1360px;
}

.iti__gq {
  --iti-flag-offset: -1376px;
}

.iti__gr {
  --iti-flag-offset: -1392px;
}

.iti__gt {
  --iti-flag-offset: -1408px;
}

.iti__gu {
  --iti-flag-offset: -1424px;
}

.iti__gw {
  --iti-flag-offset: -1440px;
}

.iti__gy {
  --iti-flag-offset: -1456px;
}

.iti__hk {
  --iti-flag-offset: -1472px;
}

.iti__hn {
  --iti-flag-offset: -1488px;
}

.iti__hr {
  --iti-flag-offset: -1504px;
}

.iti__ht {
  --iti-flag-offset: -1520px;
}

.iti__hu {
  --iti-flag-offset: -1536px;
}

.iti__id {
  --iti-flag-offset: -1552px;
}

.iti__ie {
  --iti-flag-offset: -1568px;
}

.iti__il {
  --iti-flag-offset: -1584px;
}

.iti__im {
  --iti-flag-offset: -1600px;
}

.iti__in {
  --iti-flag-offset: -1616px;
}

.iti__io {
  --iti-flag-offset: -1632px;
}

.iti__iq {
  --iti-flag-offset: -1648px;
}

.iti__ir {
  --iti-flag-offset: -1664px;
}

.iti__is {
  --iti-flag-offset: -1680px;
}

.iti__it {
  --iti-flag-offset: -1696px;
}

.iti__je {
  --iti-flag-offset: -1712px;
}

.iti__jm {
  --iti-flag-offset: -1728px;
}

.iti__jo {
  --iti-flag-offset: -1744px;
}

.iti__jp {
  --iti-flag-offset: -1760px;
}

.iti__ke {
  --iti-flag-offset: -1776px;
}

.iti__kg {
  --iti-flag-offset: -1792px;
}

.iti__kh {
  --iti-flag-offset: -1808px;
}

.iti__ki {
  --iti-flag-offset: -1824px;
}

.iti__km {
  --iti-flag-offset: -1840px;
}

.iti__kn {
  --iti-flag-offset: -1856px;
}

.iti__kp {
  --iti-flag-offset: -1872px;
}

.iti__kr {
  --iti-flag-offset: -1888px;
}

.iti__kw {
  --iti-flag-offset: -1904px;
}

.iti__ky {
  --iti-flag-offset: -1920px;
}

.iti__kz {
  --iti-flag-offset: -1936px;
}

.iti__la {
  --iti-flag-offset: -1952px;
}

.iti__lb {
  --iti-flag-offset: -1968px;
}

.iti__lc {
  --iti-flag-offset: -1984px;
}

.iti__li {
  --iti-flag-offset: -2000px;
}

.iti__lk {
  --iti-flag-offset: -2016px;
}

.iti__lr {
  --iti-flag-offset: -2032px;
}

.iti__ls {
  --iti-flag-offset: -2048px;
}

.iti__lt {
  --iti-flag-offset: -2064px;
}

.iti__lu {
  --iti-flag-offset: -2080px;
}

.iti__lv {
  --iti-flag-offset: -2096px;
}

.iti__ly {
  --iti-flag-offset: -2112px;
}

.iti__ma {
  --iti-flag-offset: -2128px;
}

.iti__mc {
  --iti-flag-offset: -2144px;
}

.iti__md {
  --iti-flag-offset: -2160px;
}

.iti__me {
  --iti-flag-offset: -2176px;
}

.iti__mf {
  --iti-flag-offset: -2192px;
}

.iti__mg {
  --iti-flag-offset: -2208px;
}

.iti__mh {
  --iti-flag-offset: -2224px;
}

.iti__mk {
  --iti-flag-offset: -2240px;
}

.iti__ml {
  --iti-flag-offset: -2256px;
}

.iti__mm {
  --iti-flag-offset: -2272px;
}

.iti__mn {
  --iti-flag-offset: -2288px;
}

.iti__mo {
  --iti-flag-offset: -2304px;
}

.iti__mp {
  --iti-flag-offset: -2320px;
}

.iti__mq {
  --iti-flag-offset: -2336px;
}

.iti__mr {
  --iti-flag-offset: -2352px;
}

.iti__ms {
  --iti-flag-offset: -2368px;
}

.iti__mt {
  --iti-flag-offset: -2384px;
}

.iti__mu {
  --iti-flag-offset: -2400px;
}

.iti__mv {
  --iti-flag-offset: -2416px;
}

.iti__mw {
  --iti-flag-offset: -2432px;
}

.iti__mx {
  --iti-flag-offset: -2448px;
}

.iti__my {
  --iti-flag-offset: -2464px;
}

.iti__mz {
  --iti-flag-offset: -2480px;
}

.iti__na {
  --iti-flag-offset: -2496px;
}

.iti__nc {
  --iti-flag-offset: -2512px;
}

.iti__ne {
  --iti-flag-offset: -2528px;
}

.iti__nf {
  --iti-flag-offset: -2544px;
}

.iti__ng {
  --iti-flag-offset: -2560px;
}

.iti__ni {
  --iti-flag-offset: -2576px;
}

.iti__nl {
  --iti-flag-offset: -2592px;
}

.iti__no {
  --iti-flag-offset: -2608px;
}

.iti__np {
  --iti-flag-offset: -2624px;
}

.iti__nr {
  --iti-flag-offset: -2640px;
}

.iti__nu {
  --iti-flag-offset: -2656px;
}

.iti__nz {
  --iti-flag-offset: -2672px;
}

.iti__om {
  --iti-flag-offset: -2688px;
}

.iti__pa {
  --iti-flag-offset: -2704px;
}

.iti__pe {
  --iti-flag-offset: -2720px;
}

.iti__pf {
  --iti-flag-offset: -2736px;
}

.iti__pg {
  --iti-flag-offset: -2752px;
}

.iti__ph {
  --iti-flag-offset: -2768px;
}

.iti__pk {
  --iti-flag-offset: -2784px;
}

.iti__pl {
  --iti-flag-offset: -2800px;
}

.iti__pm {
  --iti-flag-offset: -2816px;
}

.iti__pr {
  --iti-flag-offset: -2832px;
}

.iti__ps {
  --iti-flag-offset: -2848px;
}

.iti__pt {
  --iti-flag-offset: -2864px;
}

.iti__pw {
  --iti-flag-offset: -2880px;
}

.iti__py {
  --iti-flag-offset: -2896px;
}

.iti__qa {
  --iti-flag-offset: -2912px;
}

.iti__re {
  --iti-flag-offset: -2928px;
}

.iti__ro {
  --iti-flag-offset: -2944px;
}

.iti__rs {
  --iti-flag-offset: -2960px;
}

.iti__ru {
  --iti-flag-offset: -2976px;
}

.iti__rw {
  --iti-flag-offset: -2992px;
}

.iti__sa {
  --iti-flag-offset: -3008px;
}

.iti__sb {
  --iti-flag-offset: -3024px;
}

.iti__sc {
  --iti-flag-offset: -3040px;
}

.iti__sd {
  --iti-flag-offset: -3056px;
}

.iti__se {
  --iti-flag-offset: -3072px;
}

.iti__sg {
  --iti-flag-offset: -3088px;
}

.iti__sh {
  --iti-flag-offset: -3104px;
}

.iti__si {
  --iti-flag-offset: -3120px;
}

.iti__sj {
  --iti-flag-offset: -3136px;
}

.iti__sk {
  --iti-flag-offset: -3152px;
}

.iti__sl {
  --iti-flag-offset: -3168px;
}

.iti__sm {
  --iti-flag-offset: -3184px;
}

.iti__sn {
  --iti-flag-offset: -3200px;
}

.iti__so {
  --iti-flag-offset: -3216px;
}

.iti__sr {
  --iti-flag-offset: -3232px;
}

.iti__ss {
  --iti-flag-offset: -3248px;
}

.iti__st {
  --iti-flag-offset: -3264px;
}

.iti__sv {
  --iti-flag-offset: -3280px;
}

.iti__sx {
  --iti-flag-offset: -3296px;
}

.iti__sy {
  --iti-flag-offset: -3312px;
}

.iti__sz {
  --iti-flag-offset: -3328px;
}

.iti__tc {
  --iti-flag-offset: -3344px;
}

.iti__td {
  --iti-flag-offset: -3360px;
}

.iti__tg {
  --iti-flag-offset: -3376px;
}

.iti__th {
  --iti-flag-offset: -3392px;
}

.iti__tj {
  --iti-flag-offset: -3408px;
}

.iti__tk {
  --iti-flag-offset: -3424px;
}

.iti__tl {
  --iti-flag-offset: -3440px;
}

.iti__tm {
  --iti-flag-offset: -3456px;
}

.iti__tn {
  --iti-flag-offset: -3472px;
}

.iti__to {
  --iti-flag-offset: -3488px;
}

.iti__tr {
  --iti-flag-offset: -3504px;
}

.iti__tt {
  --iti-flag-offset: -3520px;
}

.iti__tv {
  --iti-flag-offset: -3536px;
}

.iti__tw {
  --iti-flag-offset: -3552px;
}

.iti__tz {
  --iti-flag-offset: -3568px;
}

.iti__ua {
  --iti-flag-offset: -3584px;
}

.iti__ug {
  --iti-flag-offset: -3600px;
}

.iti__us {
  --iti-flag-offset: -3616px;
}

.iti__uy {
  --iti-flag-offset: -3632px;
}

.iti__uz {
  --iti-flag-offset: -3648px;
}

.iti__va {
  --iti-flag-offset: -3664px;
}

.iti__vc {
  --iti-flag-offset: -3680px;
}

.iti__ve {
  --iti-flag-offset: -3696px;
}

.iti__vg {
  --iti-flag-offset: -3712px;
}

.iti__vi {
  --iti-flag-offset: -3728px;
}

.iti__vn {
  --iti-flag-offset: -3744px;
}

.iti__vu {
  --iti-flag-offset: -3760px;
}

.iti__wf {
  --iti-flag-offset: -3776px;
}

.iti__ws {
  --iti-flag-offset: -3792px;
}

.iti__xk {
  --iti-flag-offset: -3808px;
}

.iti__ye {
  --iti-flag-offset: -3824px;
}

.iti__yt {
  --iti-flag-offset: -3840px;
}

.iti__za {
  --iti-flag-offset: -3856px;
}

.iti__zm {
  --iti-flag-offset: -3872px;
}

.iti__zw {
  --iti-flag-offset: -3888px;
}

.iti__globe {
  background-image: var(--iti-path-globe-1x);
  background-size: contain;
  background-position: right;
  box-shadow: none;
  height: 19px;
}

@media (min-resolution: 2x) {
  .iti__flag {
    background-image: var(--iti-path-flags-2x);
  }
  .iti__globe {
    background-image: var(--iti-path-globe-2x);
  }
}
@charset "UTF-8";
/* ------------------------
------- Imports -----------
------------------------ */
/* ------------------------
------- variables --------
------------------------ */
/* Font path vars */
/* media queries */
/* usage
@media screen and (max-width: $tablet-landscape) {
	...
}
*/
/* ---------------------
------- Vertical spacing --------
--------------------- */
/* typography */
/* fractions */
/* brand */
/* darken on hover */
/* brand lightened 80% 50% 20% */
/* accent */
/* accent lightened  80% 50% 20% */
/* warning/ error */
/* alert colours */
/* warning / error lightened 80% 50% 20% */
/* greys */
/* solid */
/* tranparency */
/* extra */
/* confetti */
:root {
  --Brand-refresh-neutral-500: #8D9491;
  --Brand-refresh-neutral-600: #6D7571;
  --Brand-refresh-neutral-800: #313433;
  --Font-Line-height-th-1-5: 1.5rem;
}

::-webkit-scrollbar {
  width: 0.25rem;
  background-color: #fff;
}

::-webkit-scrollbar {
  height: 0.25rem;
  width: 0.25rem;
}

::-webkit-scrollbar-button {
  height: 0;
  width: 0;
}

::-webkit-scrollbar-corner {
  background: 0 0;
}

.component-display ::-webkit-scrollbar-thumb {
  background-color: rgba(63, 63, 63, 0.5);
  border-radius: 4px;
  height: 100px;
}

::-webkit-scrollbar-thumb {
  background-color: rgba(63, 63, 63, 0.5);
  border-radius: 4px;
  height: 100px;
}

::-webkit-scrollbar-thumb {
  background: rgba(63, 63, 63, 0.5);
  border: 0 none transparent;
  border-radius: 0;
}

::-webkit-scrollbar-track {
  background: 0 0;
  border: 0 none transparent;
  border-radius: 0;
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font-size: inherit;
  vertical-align: baseline;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

body {
  line-height: 1;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

.back-link {
  position: relative;
  margin: 2rem;
  display: block;
  z-index: 1000;
  width: 200px;
}

/*!
 * Bootstrap Grid v4.0.0-beta.3 (https://getbootstrap.com)
 * Copyright 2011-2017 The Bootstrap Authors
 * Copyright 2011-2017 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
html {
  box-sizing: border-box;
  -ms-overflow-style: scrollbar;
}

*,
*::before,
*::after {
  box-sizing: inherit;
}

.container {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
@media all and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .container {
    padding-left: 0px;
  }
}
@media screen and (max-width: 639px) {
  .container {
    padding-right: 0px;
    padding-left: 0px;
  }
}
@media (min-width: 640px) {
  .container {
    max-width: 640px;
  }
}
@media (min-width: 1024px) {
  .container {
    max-width: 1024px;
  }
}
@media (min-width: 1280px) {
  .container {
    max-width: 1280px;
  }
}
@media (min-width: 1440px) {
  .container {
    max-width: 1440px;
  }
}

.container-fluid {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
@media all and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .container-fluid {
    padding-left: 0px;
  }
}
@media screen and (max-width: 639px) {
  .container-fluid {
    padding-right: 0px;
    padding-left: 0px;
  }
}

.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}
@media screen and (max-width: 639px) {
  .row {
    margin-right: 0px;
    margin-left: 0px;
    padding-left: 0px;
    padding-right: 0px;
  }
}

.no-gutters {
  margin-right: 0;
  margin-left: 0;
}
.no-gutters > .col,
.no-gutters > [class*=col-] {
  padding-right: 0;
  padding-left: 0;
}

.col-xl,
.col-xl-auto, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg,
.col-lg-auto, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md,
.col-md-auto, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm,
.col-sm-auto, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col,
.col-auto, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

.col {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}

.col-auto {
  flex: 0 0 auto;
  width: auto;
  max-width: none;
}

.col-1 {
  flex: 0 0 8.3333333333%;
  max-width: 8.3333333333%;
}

.col-2 {
  flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%;
}

.col-3 {
  flex: 0 0 25%;
  max-width: 25%;
}

.col-4 {
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}

.col-5 {
  flex: 0 0 41.6666666667%;
  max-width: 41.6666666667%;
}

.col-6 {
  flex: 0 0 50%;
  max-width: 50%;
}

.col-7 {
  flex: 0 0 58.3333333333%;
  max-width: 58.3333333333%;
}

.col-8 {
  flex: 0 0 66.6666666667%;
  max-width: 66.6666666667%;
}

.col-9 {
  flex: 0 0 75%;
  max-width: 75%;
}

.col-10 {
  flex: 0 0 83.3333333333%;
  max-width: 83.3333333333%;
}

.col-11 {
  flex: 0 0 91.6666666667%;
  max-width: 91.6666666667%;
}

.col-12 {
  flex: 0 0 100%;
  max-width: 100%;
}

.order-first {
  order: -1;
}

.order-1 {
  order: 1;
}

.order-2 {
  order: 2;
}

.order-3 {
  order: 3;
}

.order-4 {
  order: 4;
}

.order-5 {
  order: 5;
}

.order-6 {
  order: 6;
}

.order-7 {
  order: 7;
}

.order-8 {
  order: 8;
}

.order-9 {
  order: 9;
}

.order-10 {
  order: 10;
}

.order-11 {
  order: 11;
}

.order-12 {
  order: 12;
}

.offset-1 {
  margin-left: 8.3333333333%;
}

.offset-2 {
  margin-left: 16.6666666667%;
}

.offset-3 {
  margin-left: 25%;
}

.offset-4 {
  margin-left: 33.3333333333%;
}

.offset-5 {
  margin-left: 41.6666666667%;
}

.offset-6 {
  margin-left: 50%;
}

.offset-7 {
  margin-left: 58.3333333333%;
}

.offset-8 {
  margin-left: 66.6666666667%;
}

.offset-9 {
  margin-left: 75%;
}

.offset-10 {
  margin-left: 83.3333333333%;
}

.offset-11 {
  margin-left: 91.6666666667%;
}

@media (min-width: 640px) {
  .col-sm {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-sm-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-sm-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-sm-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-sm-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-sm-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-sm-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-sm-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-sm-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-sm-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-sm-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-sm-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-sm-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-sm-first {
    order: -1;
  }
  .order-sm-1 {
    order: 1;
  }
  .order-sm-2 {
    order: 2;
  }
  .order-sm-3 {
    order: 3;
  }
  .order-sm-4 {
    order: 4;
  }
  .order-sm-5 {
    order: 5;
  }
  .order-sm-6 {
    order: 6;
  }
  .order-sm-7 {
    order: 7;
  }
  .order-sm-8 {
    order: 8;
  }
  .order-sm-9 {
    order: 9;
  }
  .order-sm-10 {
    order: 10;
  }
  .order-sm-11 {
    order: 11;
  }
  .order-sm-12 {
    order: 12;
  }
  .offset-sm-0 {
    margin-left: 0;
  }
  .offset-sm-1 {
    margin-left: 8.3333333333%;
  }
  .offset-sm-2 {
    margin-left: 16.6666666667%;
  }
  .offset-sm-3 {
    margin-left: 25%;
  }
  .offset-sm-4 {
    margin-left: 33.3333333333%;
  }
  .offset-sm-5 {
    margin-left: 41.6666666667%;
  }
  .offset-sm-6 {
    margin-left: 50%;
  }
  .offset-sm-7 {
    margin-left: 58.3333333333%;
  }
  .offset-sm-8 {
    margin-left: 66.6666666667%;
  }
  .offset-sm-9 {
    margin-left: 75%;
  }
  .offset-sm-10 {
    margin-left: 83.3333333333%;
  }
  .offset-sm-11 {
    margin-left: 91.6666666667%;
  }
}
@media (min-width: 1024px) {
  .col-md {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-md-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-md-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-md-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-md-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-md-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-md-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-md-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-md-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-md-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-md-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-md-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-md-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-md-first {
    order: -1;
  }
  .order-md-1 {
    order: 1;
  }
  .order-md-2 {
    order: 2;
  }
  .order-md-3 {
    order: 3;
  }
  .order-md-4 {
    order: 4;
  }
  .order-md-5 {
    order: 5;
  }
  .order-md-6 {
    order: 6;
  }
  .order-md-7 {
    order: 7;
  }
  .order-md-8 {
    order: 8;
  }
  .order-md-9 {
    order: 9;
  }
  .order-md-10 {
    order: 10;
  }
  .order-md-11 {
    order: 11;
  }
  .order-md-12 {
    order: 12;
  }
  .offset-md-0 {
    margin-left: 0;
  }
  .offset-md-1 {
    margin-left: 8.3333333333%;
  }
  .offset-md-2 {
    margin-left: 16.6666666667%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .offset-md-4 {
    margin-left: 33.3333333333%;
  }
  .offset-md-5 {
    margin-left: 41.6666666667%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .offset-md-7 {
    margin-left: 58.3333333333%;
  }
  .offset-md-8 {
    margin-left: 66.6666666667%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  .offset-md-10 {
    margin-left: 83.3333333333%;
  }
  .offset-md-11 {
    margin-left: 91.6666666667%;
  }
}
@media (min-width: 1280px) {
  .col-lg {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-lg-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-lg-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-lg-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-lg-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-lg-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-lg-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-lg-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-lg-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-lg-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-lg-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-lg-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-lg-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-lg-first {
    order: -1;
  }
  .order-lg-1 {
    order: 1;
  }
  .order-lg-2 {
    order: 2;
  }
  .order-lg-3 {
    order: 3;
  }
  .order-lg-4 {
    order: 4;
  }
  .order-lg-5 {
    order: 5;
  }
  .order-lg-6 {
    order: 6;
  }
  .order-lg-7 {
    order: 7;
  }
  .order-lg-8 {
    order: 8;
  }
  .order-lg-9 {
    order: 9;
  }
  .order-lg-10 {
    order: 10;
  }
  .order-lg-11 {
    order: 11;
  }
  .order-lg-12 {
    order: 12;
  }
  .offset-lg-0 {
    margin-left: 0;
  }
  .offset-lg-1 {
    margin-left: 8.3333333333%;
  }
  .offset-lg-2 {
    margin-left: 16.6666666667%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .offset-lg-4 {
    margin-left: 33.3333333333%;
  }
  .offset-lg-5 {
    margin-left: 41.6666666667%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .offset-lg-7 {
    margin-left: 58.3333333333%;
  }
  .offset-lg-8 {
    margin-left: 66.6666666667%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .offset-lg-10 {
    margin-left: 83.3333333333%;
  }
  .offset-lg-11 {
    margin-left: 91.6666666667%;
  }
}
@media (min-width: 1440px) {
  .col-xl {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-xl-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-xl-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-xl-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-xl-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-xl-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-xl-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-xl-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-xl-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-xl-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-xl-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-xl-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-xl-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-xl-first {
    order: -1;
  }
  .order-xl-1 {
    order: 1;
  }
  .order-xl-2 {
    order: 2;
  }
  .order-xl-3 {
    order: 3;
  }
  .order-xl-4 {
    order: 4;
  }
  .order-xl-5 {
    order: 5;
  }
  .order-xl-6 {
    order: 6;
  }
  .order-xl-7 {
    order: 7;
  }
  .order-xl-8 {
    order: 8;
  }
  .order-xl-9 {
    order: 9;
  }
  .order-xl-10 {
    order: 10;
  }
  .order-xl-11 {
    order: 11;
  }
  .order-xl-12 {
    order: 12;
  }
  .offset-xl-0 {
    margin-left: 0;
  }
  .offset-xl-1 {
    margin-left: 8.3333333333%;
  }
  .offset-xl-2 {
    margin-left: 16.6666666667%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .offset-xl-4 {
    margin-left: 33.3333333333%;
  }
  .offset-xl-5 {
    margin-left: 41.6666666667%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .offset-xl-7 {
    margin-left: 58.3333333333%;
  }
  .offset-xl-8 {
    margin-left: 66.6666666667%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .offset-xl-10 {
    margin-left: 83.3333333333%;
  }
  .offset-xl-11 {
    margin-left: 91.6666666667%;
  }
}
[class*=col-].centered {
  margin-left: auto;
  margin-right: auto;
}

.flex-row {
  flex-direction: row !important;
}

.flex-column {
  flex-direction: column !important;
}

.flex-row-reverse {
  flex-direction: row-reverse !important;
}

.flex-column-reverse {
  flex-direction: column-reverse !important;
}

.flex-wrap {
  flex-wrap: wrap !important;
}

.flex-nowrap {
  flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}

.justify-content-start {
  justify-content: flex-start !important;
}

.justify-content-end {
  justify-content: flex-end !important;
}

.justify-content-center {
  justify-content: center !important;
}

.justify-content-between {
  justify-content: space-between !important;
}

.justify-content-around {
  justify-content: space-around !important;
}

.align-items-start {
  align-items: flex-start !important;
}

.align-items-end {
  align-items: flex-end !important;
}

.align-items-center {
  align-items: center !important;
}

.align-items-baseline {
  align-items: baseline !important;
}

.align-items-stretch {
  align-items: stretch !important;
}

.align-content-start {
  align-content: flex-start !important;
}

.align-content-end {
  align-content: flex-end !important;
}

.align-content-center {
  align-content: center !important;
}

.align-content-between {
  align-content: space-between !important;
}

.align-content-around {
  align-content: space-around !important;
}

.align-content-stretch {
  align-content: stretch !important;
}

.align-self-auto {
  align-self: auto !important;
}

.align-self-start {
  align-self: flex-start !important;
}

.align-self-end {
  align-self: flex-end !important;
}

.align-self-center {
  align-self: center !important;
}

.align-self-baseline {
  align-self: baseline !important;
}

.align-self-stretch {
  align-self: stretch !important;
}

@media (min-width: 640px) {
  .flex-sm-row {
    flex-direction: row !important;
  }
  .flex-sm-column {
    flex-direction: column !important;
  }
  .flex-sm-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-sm-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-sm-wrap {
    flex-wrap: wrap !important;
  }
  .flex-sm-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-sm-start {
    justify-content: flex-start !important;
  }
  .justify-content-sm-end {
    justify-content: flex-end !important;
  }
  .justify-content-sm-center {
    justify-content: center !important;
  }
  .justify-content-sm-between {
    justify-content: space-between !important;
  }
  .justify-content-sm-around {
    justify-content: space-around !important;
  }
  .align-items-sm-start {
    align-items: flex-start !important;
  }
  .align-items-sm-end {
    align-items: flex-end !important;
  }
  .align-items-sm-center {
    align-items: center !important;
  }
  .align-items-sm-baseline {
    align-items: baseline !important;
  }
  .align-items-sm-stretch {
    align-items: stretch !important;
  }
  .align-content-sm-start {
    align-content: flex-start !important;
  }
  .align-content-sm-end {
    align-content: flex-end !important;
  }
  .align-content-sm-center {
    align-content: center !important;
  }
  .align-content-sm-between {
    align-content: space-between !important;
  }
  .align-content-sm-around {
    align-content: space-around !important;
  }
  .align-content-sm-stretch {
    align-content: stretch !important;
  }
  .align-self-sm-auto {
    align-self: auto !important;
  }
  .align-self-sm-start {
    align-self: flex-start !important;
  }
  .align-self-sm-end {
    align-self: flex-end !important;
  }
  .align-self-sm-center {
    align-self: center !important;
  }
  .align-self-sm-baseline {
    align-self: baseline !important;
  }
  .align-self-sm-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 1024px) {
  .flex-md-row {
    flex-direction: row !important;
  }
  .flex-md-column {
    flex-direction: column !important;
  }
  .flex-md-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-md-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-md-wrap {
    flex-wrap: wrap !important;
  }
  .flex-md-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-md-start {
    justify-content: flex-start !important;
  }
  .justify-content-md-end {
    justify-content: flex-end !important;
  }
  .justify-content-md-center {
    justify-content: center !important;
  }
  .justify-content-md-between {
    justify-content: space-between !important;
  }
  .justify-content-md-around {
    justify-content: space-around !important;
  }
  .align-items-md-start {
    align-items: flex-start !important;
  }
  .align-items-md-end {
    align-items: flex-end !important;
  }
  .align-items-md-center {
    align-items: center !important;
  }
  .align-items-md-baseline {
    align-items: baseline !important;
  }
  .align-items-md-stretch {
    align-items: stretch !important;
  }
  .align-content-md-start {
    align-content: flex-start !important;
  }
  .align-content-md-end {
    align-content: flex-end !important;
  }
  .align-content-md-center {
    align-content: center !important;
  }
  .align-content-md-between {
    align-content: space-between !important;
  }
  .align-content-md-around {
    align-content: space-around !important;
  }
  .align-content-md-stretch {
    align-content: stretch !important;
  }
  .align-self-md-auto {
    align-self: auto !important;
  }
  .align-self-md-start {
    align-self: flex-start !important;
  }
  .align-self-md-end {
    align-self: flex-end !important;
  }
  .align-self-md-center {
    align-self: center !important;
  }
  .align-self-md-baseline {
    align-self: baseline !important;
  }
  .align-self-md-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 1280px) {
  .flex-lg-row {
    flex-direction: row !important;
  }
  .flex-lg-column {
    flex-direction: column !important;
  }
  .flex-lg-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-lg-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-lg-wrap {
    flex-wrap: wrap !important;
  }
  .flex-lg-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-lg-start {
    justify-content: flex-start !important;
  }
  .justify-content-lg-end {
    justify-content: flex-end !important;
  }
  .justify-content-lg-center {
    justify-content: center !important;
  }
  .justify-content-lg-between {
    justify-content: space-between !important;
  }
  .justify-content-lg-around {
    justify-content: space-around !important;
  }
  .align-items-lg-start {
    align-items: flex-start !important;
  }
  .align-items-lg-end {
    align-items: flex-end !important;
  }
  .align-items-lg-center {
    align-items: center !important;
  }
  .align-items-lg-baseline {
    align-items: baseline !important;
  }
  .align-items-lg-stretch {
    align-items: stretch !important;
  }
  .align-content-lg-start {
    align-content: flex-start !important;
  }
  .align-content-lg-end {
    align-content: flex-end !important;
  }
  .align-content-lg-center {
    align-content: center !important;
  }
  .align-content-lg-between {
    align-content: space-between !important;
  }
  .align-content-lg-around {
    align-content: space-around !important;
  }
  .align-content-lg-stretch {
    align-content: stretch !important;
  }
  .align-self-lg-auto {
    align-self: auto !important;
  }
  .align-self-lg-start {
    align-self: flex-start !important;
  }
  .align-self-lg-end {
    align-self: flex-end !important;
  }
  .align-self-lg-center {
    align-self: center !important;
  }
  .align-self-lg-baseline {
    align-self: baseline !important;
  }
  .align-self-lg-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 1440px) {
  .flex-xl-row {
    flex-direction: row !important;
  }
  .flex-xl-column {
    flex-direction: column !important;
  }
  .flex-xl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-xl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xl-center {
    justify-content: center !important;
  }
  .justify-content-xl-between {
    justify-content: space-between !important;
  }
  .justify-content-xl-around {
    justify-content: space-around !important;
  }
  .align-items-xl-start {
    align-items: flex-start !important;
  }
  .align-items-xl-end {
    align-items: flex-end !important;
  }
  .align-items-xl-center {
    align-items: center !important;
  }
  .align-items-xl-baseline {
    align-items: baseline !important;
  }
  .align-items-xl-stretch {
    align-items: stretch !important;
  }
  .align-content-xl-start {
    align-content: flex-start !important;
  }
  .align-content-xl-end {
    align-content: flex-end !important;
  }
  .align-content-xl-center {
    align-content: center !important;
  }
  .align-content-xl-between {
    align-content: space-between !important;
  }
  .align-content-xl-around {
    align-content: space-around !important;
  }
  .align-content-xl-stretch {
    align-content: stretch !important;
  }
  .align-self-xl-auto {
    align-self: auto !important;
  }
  .align-self-xl-start {
    align-self: flex-start !important;
  }
  .align-self-xl-end {
    align-self: flex-end !important;
  }
  .align-self-xl-center {
    align-self: center !important;
  }
  .align-self-xl-baseline {
    align-self: baseline !important;
  }
  .align-self-xl-stretch {
    align-self: stretch !important;
  }
}
.d-none {
  display: none !important;
}

.d-inline {
  display: inline !important;
}

.d-inline-block {
  display: inline-block !important;
}

.d-block {
  display: block !important;
}

.d-table {
  display: table !important;
}

.d-table-row {
  display: table-row !important;
}

.d-table-cell {
  display: table-cell !important;
}

.d-flex {
  display: flex !important;
}

.d-inline-flex {
  display: inline-flex !important;
}

@media (min-width: 640px) {
  .d-sm-none {
    display: none !important;
  }
  .d-sm-inline {
    display: inline !important;
  }
  .d-sm-inline-block {
    display: inline-block !important;
  }
  .d-sm-block {
    display: block !important;
  }
  .d-sm-table {
    display: table !important;
  }
  .d-sm-table-row {
    display: table-row !important;
  }
  .d-sm-table-cell {
    display: table-cell !important;
  }
  .d-sm-flex {
    display: flex !important;
  }
  .d-sm-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 1024px) {
  .d-md-none {
    display: none !important;
  }
  .d-md-inline {
    display: inline !important;
  }
  .d-md-inline-block {
    display: inline-block !important;
  }
  .d-md-block {
    display: block !important;
  }
  .d-md-table {
    display: table !important;
  }
  .d-md-table-row {
    display: table-row !important;
  }
  .d-md-table-cell {
    display: table-cell !important;
  }
  .d-md-flex {
    display: flex !important;
  }
  .d-md-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 1280px) {
  .d-lg-none {
    display: none !important;
  }
  .d-lg-inline {
    display: inline !important;
  }
  .d-lg-inline-block {
    display: inline-block !important;
  }
  .d-lg-block {
    display: block !important;
  }
  .d-lg-table {
    display: table !important;
  }
  .d-lg-table-row {
    display: table-row !important;
  }
  .d-lg-table-cell {
    display: table-cell !important;
  }
  .d-lg-flex {
    display: flex !important;
  }
  .d-lg-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 1440px) {
  .d-xl-none {
    display: none !important;
  }
  .d-xl-inline {
    display: inline !important;
  }
  .d-xl-inline-block {
    display: inline-block !important;
  }
  .d-xl-block {
    display: block !important;
  }
  .d-xl-table {
    display: table !important;
  }
  .d-xl-table-row {
    display: table-row !important;
  }
  .d-xl-table-cell {
    display: table-cell !important;
  }
  .d-xl-flex {
    display: flex !important;
  }
  .d-xl-inline-flex {
    display: inline-flex !important;
  }
}
@media print {
  .d-print-none {
    display: none !important;
  }
  .d-print-inline {
    display: inline !important;
  }
  .d-print-inline-block {
    display: inline-block !important;
  }
  .d-print-block {
    display: block !important;
  }
  .d-print-table {
    display: table !important;
  }
  .d-print-table-row {
    display: table-row !important;
  }
  .d-print-table-cell {
    display: table-cell !important;
  }
  .d-print-flex {
    display: flex !important;
  }
  .d-print-inline-flex {
    display: inline-flex !important;
  }
}
/* ------------------------
------- Box Sizing --------
------------------------ */
html,
body,
div,
article,
section,
main,
footer,
header,
form,
fieldset,
legend,
pre,
code,
a,
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol,
li,
dl,
dt,
dd,
textarea,
table,
td,
th,
tr,
input[type=email],
input[type=number],
input[type=password],
input[type=tel],
input[type=text],
input[type=url],
.border-box {
  box-sizing: border-box;
}

/* --------------------
------- Mixins --------
-------------------- */
/* Icons in form inputs */
/* Transitions */
/* Transform */
/* Fonts */
/* Font Face */
/* Gradients */
/* Component query */
.mb-none {
  margin-bottom: 0 !important;
}
@media screen and (max-width: 768px) {
  .mb-none {
    margin-bottom: 0 !important;
  }
}
@media screen and (max-width: 640px) {
  .mb-none {
    margin-bottom: 0 !important;
  }
}

.mb-small {
  margin-bottom: 15px !important;
}
@media screen and (max-width: 768px) {
  .mb-small {
    margin-bottom: 10px !important;
  }
}
@media screen and (max-width: 640px) {
  .mb-small {
    margin-bottom: 10px !important;
  }
}

.mb-medium {
  margin-bottom: 30px !important;
}
@media screen and (max-width: 768px) {
  .mb-medium {
    margin-bottom: 20px !important;
  }
}
@media screen and (max-width: 640px) {
  .mb-medium {
    margin-bottom: 20px !important;
  }
}

.mb-large {
  margin-bottom: 60px !important;
}
@media screen and (max-width: 768px) {
  .mb-large {
    margin-bottom: 40px !important;
  }
}
@media screen and (max-width: 640px) {
  .mb-large {
    margin-bottom: 40px !important;
  }
}

.mt-none {
  margin-top: 0 !important;
}
@media screen and (max-width: 768px) {
  .mt-none {
    margin-top: 0 !important;
  }
}
@media screen and (max-width: 640px) {
  .mt-none {
    margin-top: 0 !important;
  }
}

.mt-small {
  margin-top: 15px !important;
}
@media screen and (max-width: 768px) {
  .mt-small {
    margin-top: 10px !important;
  }
}
@media screen and (max-width: 640px) {
  .mt-small {
    margin-top: 10px !important;
  }
}

.mt-medium {
  margin-top: 30px !important;
}
@media screen and (max-width: 768px) {
  .mt-medium {
    margin-top: 20px !important;
  }
}
@media screen and (max-width: 640px) {
  .mt-medium {
    margin-top: 20px !important;
  }
}

.mt-large {
  margin-top: 60px !important;
}
@media screen and (max-width: 768px) {
  .mt-large {
    margin-top: 40px !important;
  }
}
@media screen and (max-width: 640px) {
  .mt-large {
    margin-top: 40px !important;
  }
}

.ml-none {
  margin-left: 0 !important;
}
@media screen and (max-width: 768px) {
  .ml-none {
    margin-left: 0 !important;
  }
}
@media screen and (max-width: 640px) {
  .ml-none {
    margin-left: 0 !important;
  }
}

.ml-small {
  margin-left: 15px !important;
}
@media screen and (max-width: 768px) {
  .ml-small {
    margin-left: 10px !important;
  }
}
@media screen and (max-width: 640px) {
  .ml-small {
    margin-left: 10px !important;
  }
}

.ml-medium {
  margin-left: 30px !important;
}
@media screen and (max-width: 768px) {
  .ml-medium {
    margin-left: 20px !important;
  }
}
@media screen and (max-width: 640px) {
  .ml-medium {
    margin-left: 20px !important;
  }
}

.ml-large {
  margin-left: 60px !important;
}
@media screen and (max-width: 768px) {
  .ml-large {
    margin-left: 40px !important;
  }
}
@media screen and (max-width: 640px) {
  .ml-large {
    margin-left: 40px !important;
  }
}

.mr-none {
  margin-right: 0 !important;
}
@media screen and (max-width: 768px) {
  .mr-none {
    margin-right: 0 !important;
  }
}
@media screen and (max-width: 640px) {
  .mr-none {
    margin-right: 0 !important;
  }
}

.mr-small {
  margin-right: 15px !important;
}
@media screen and (max-width: 768px) {
  .mr-small {
    margin-right: 10px !important;
  }
}
@media screen and (max-width: 640px) {
  .mr-small {
    margin-right: 10px !important;
  }
}

.mr-medium {
  margin-right: 30px !important;
}
@media screen and (max-width: 768px) {
  .mr-medium {
    margin-right: 20px !important;
  }
}
@media screen and (max-width: 640px) {
  .mr-medium {
    margin-right: 20px !important;
  }
}

.mr-large {
  margin-right: 60px !important;
}
@media screen and (max-width: 768px) {
  .mr-large {
    margin-right: 40px !important;
  }
}
@media screen and (max-width: 640px) {
  .mr-large {
    margin-right: 40px !important;
  }
}

.m-none {
  margin-bottom: 0 !important;
  margin-top: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}
@media screen and (max-width: 768px) {
  .m-none {
    margin-bottom: 0 !important;
  }
}
@media screen and (max-width: 640px) {
  .m-none {
    margin-bottom: 0 !important;
  }
}
@media screen and (max-width: 768px) {
  .m-none {
    margin-top: 0 !important;
  }
}
@media screen and (max-width: 640px) {
  .m-none {
    margin-top: 0 !important;
  }
}
@media screen and (max-width: 768px) {
  .m-none {
    margin-left: 0 !important;
  }
}
@media screen and (max-width: 640px) {
  .m-none {
    margin-left: 0 !important;
  }
}
@media screen and (max-width: 768px) {
  .m-none {
    margin-right: 0 !important;
  }
}
@media screen and (max-width: 640px) {
  .m-none {
    margin-right: 0 !important;
  }
}

.m-small {
  margin-bottom: 15px !important;
  margin-top: 15px !important;
  margin-left: 15px !important;
  margin-right: 15px !important;
}
@media screen and (max-width: 768px) {
  .m-small {
    margin-bottom: 10px !important;
  }
}
@media screen and (max-width: 640px) {
  .m-small {
    margin-bottom: 10px !important;
  }
}
@media screen and (max-width: 768px) {
  .m-small {
    margin-top: 10px !important;
  }
}
@media screen and (max-width: 640px) {
  .m-small {
    margin-top: 10px !important;
  }
}
@media screen and (max-width: 768px) {
  .m-small {
    margin-left: 10px !important;
  }
}
@media screen and (max-width: 640px) {
  .m-small {
    margin-left: 10px !important;
  }
}
@media screen and (max-width: 768px) {
  .m-small {
    margin-right: 10px !important;
  }
}
@media screen and (max-width: 640px) {
  .m-small {
    margin-right: 10px !important;
  }
}

.m-medium {
  margin-bottom: 30px !important;
  margin-top: 30px !important;
  margin-left: 30px !important;
  margin-right: 30px !important;
}
@media screen and (max-width: 768px) {
  .m-medium {
    margin-bottom: 20px !important;
  }
}
@media screen and (max-width: 640px) {
  .m-medium {
    margin-bottom: 20px !important;
  }
}
@media screen and (max-width: 768px) {
  .m-medium {
    margin-top: 20px !important;
  }
}
@media screen and (max-width: 640px) {
  .m-medium {
    margin-top: 20px !important;
  }
}
@media screen and (max-width: 768px) {
  .m-medium {
    margin-left: 20px !important;
  }
}
@media screen and (max-width: 640px) {
  .m-medium {
    margin-left: 20px !important;
  }
}
@media screen and (max-width: 768px) {
  .m-medium {
    margin-right: 20px !important;
  }
}
@media screen and (max-width: 640px) {
  .m-medium {
    margin-right: 20px !important;
  }
}

.m-large {
  margin-bottom: 60px !important;
  margin-top: 60px !important;
  margin-left: 60px !important;
  margin-right: 60px !important;
}
@media screen and (max-width: 768px) {
  .m-large {
    margin-bottom: 40px !important;
  }
}
@media screen and (max-width: 640px) {
  .m-large {
    margin-bottom: 40px !important;
  }
}
@media screen and (max-width: 768px) {
  .m-large {
    margin-top: 40px !important;
  }
}
@media screen and (max-width: 640px) {
  .m-large {
    margin-top: 40px !important;
  }
}
@media screen and (max-width: 768px) {
  .m-large {
    margin-left: 40px !important;
  }
}
@media screen and (max-width: 640px) {
  .m-large {
    margin-left: 40px !important;
  }
}
@media screen and (max-width: 768px) {
  .m-large {
    margin-right: 40px !important;
  }
}
@media screen and (max-width: 640px) {
  .m-large {
    margin-right: 40px !important;
  }
}

@media (min-width: 640px) {
  .mb-sm-none {
    margin-bottom: 0 !important;
  }
}
@media screen and (min-width: 640px) and (max-width: 768px) {
  .mb-sm-none {
    margin-bottom: 0 !important;
  }
}
@media screen and (min-width: 640px) and (max-width: 640px) {
  .mb-sm-none {
    margin-bottom: 0 !important;
  }
}

@media (min-width: 640px) {
  .mb-sm-small {
    margin-bottom: 15px !important;
  }
}
@media screen and (min-width: 640px) and (max-width: 768px) {
  .mb-sm-small {
    margin-bottom: 10px !important;
  }
}
@media screen and (min-width: 640px) and (max-width: 640px) {
  .mb-sm-small {
    margin-bottom: 10px !important;
  }
}

@media (min-width: 640px) {
  .mb-sm-medium {
    margin-bottom: 30px !important;
  }
}
@media screen and (min-width: 640px) and (max-width: 768px) {
  .mb-sm-medium {
    margin-bottom: 20px !important;
  }
}
@media screen and (min-width: 640px) and (max-width: 640px) {
  .mb-sm-medium {
    margin-bottom: 20px !important;
  }
}

@media (min-width: 640px) {
  .mb-sm-large {
    margin-bottom: 60px !important;
  }
}
@media screen and (min-width: 640px) and (max-width: 768px) {
  .mb-sm-large {
    margin-bottom: 40px !important;
  }
}
@media screen and (min-width: 640px) and (max-width: 640px) {
  .mb-sm-large {
    margin-bottom: 40px !important;
  }
}

@media (min-width: 640px) {
  .mt-sm-none {
    margin-top: 0 !important;
  }
}
@media screen and (min-width: 640px) and (max-width: 768px) {
  .mt-sm-none {
    margin-top: 0 !important;
  }
}
@media screen and (min-width: 640px) and (max-width: 640px) {
  .mt-sm-none {
    margin-top: 0 !important;
  }
}

@media (min-width: 640px) {
  .mt-sm-small {
    margin-top: 15px !important;
  }
}
@media screen and (min-width: 640px) and (max-width: 768px) {
  .mt-sm-small {
    margin-top: 10px !important;
  }
}
@media screen and (min-width: 640px) and (max-width: 640px) {
  .mt-sm-small {
    margin-top: 10px !important;
  }
}

@media (min-width: 640px) {
  .mt-sm-medium {
    margin-top: 30px !important;
  }
}
@media screen and (min-width: 640px) and (max-width: 768px) {
  .mt-sm-medium {
    margin-top: 20px !important;
  }
}
@media screen and (min-width: 640px) and (max-width: 640px) {
  .mt-sm-medium {
    margin-top: 20px !important;
  }
}

@media (min-width: 640px) {
  .mt-sm-large {
    margin-top: 60px !important;
  }
}
@media screen and (min-width: 640px) and (max-width: 768px) {
  .mt-sm-large {
    margin-top: 40px !important;
  }
}
@media screen and (min-width: 640px) and (max-width: 640px) {
  .mt-sm-large {
    margin-top: 40px !important;
  }
}

@media (min-width: 640px) {
  .ml-sm-none {
    margin-left: 0 !important;
  }
}
@media screen and (min-width: 640px) and (max-width: 768px) {
  .ml-sm-none {
    margin-left: 0 !important;
  }
}
@media screen and (min-width: 640px) and (max-width: 640px) {
  .ml-sm-none {
    margin-left: 0 !important;
  }
}

@media (min-width: 640px) {
  .ml-sm-small {
    margin-left: 15px !important;
  }
}
@media screen and (min-width: 640px) and (max-width: 768px) {
  .ml-sm-small {
    margin-left: 10px !important;
  }
}
@media screen and (min-width: 640px) and (max-width: 640px) {
  .ml-sm-small {
    margin-left: 10px !important;
  }
}

@media (min-width: 640px) {
  .ml-sm-medium {
    margin-left: 30px !important;
  }
}
@media screen and (min-width: 640px) and (max-width: 768px) {
  .ml-sm-medium {
    margin-left: 20px !important;
  }
}
@media screen and (min-width: 640px) and (max-width: 640px) {
  .ml-sm-medium {
    margin-left: 20px !important;
  }
}

@media (min-width: 640px) {
  .ml-sm-large {
    margin-left: 60px !important;
  }
}
@media screen and (min-width: 640px) and (max-width: 768px) {
  .ml-sm-large {
    margin-left: 40px !important;
  }
}
@media screen and (min-width: 640px) and (max-width: 640px) {
  .ml-sm-large {
    margin-left: 40px !important;
  }
}

@media (min-width: 640px) {
  .mr-sm-none {
    margin-right: 0 !important;
  }
}
@media screen and (min-width: 640px) and (max-width: 768px) {
  .mr-sm-none {
    margin-right: 0 !important;
  }
}
@media screen and (min-width: 640px) and (max-width: 640px) {
  .mr-sm-none {
    margin-right: 0 !important;
  }
}

@media (min-width: 640px) {
  .mr-sm-small {
    margin-right: 15px !important;
  }
}
@media screen and (min-width: 640px) and (max-width: 768px) {
  .mr-sm-small {
    margin-right: 10px !important;
  }
}
@media screen and (min-width: 640px) and (max-width: 640px) {
  .mr-sm-small {
    margin-right: 10px !important;
  }
}

@media (min-width: 640px) {
  .mr-sm-medium {
    margin-right: 30px !important;
  }
}
@media screen and (min-width: 640px) and (max-width: 768px) {
  .mr-sm-medium {
    margin-right: 20px !important;
  }
}
@media screen and (min-width: 640px) and (max-width: 640px) {
  .mr-sm-medium {
    margin-right: 20px !important;
  }
}

@media (min-width: 640px) {
  .mr-sm-large {
    margin-right: 60px !important;
  }
}
@media screen and (min-width: 640px) and (max-width: 768px) {
  .mr-sm-large {
    margin-right: 40px !important;
  }
}
@media screen and (min-width: 640px) and (max-width: 640px) {
  .mr-sm-large {
    margin-right: 40px !important;
  }
}

@media (min-width: 640px) {
  .m-sm-none {
    margin-bottom: 0 !important;
  }
}
@media screen and (min-width: 640px) and (max-width: 768px) {
  .m-sm-none {
    margin-bottom: 0 !important;
  }
}
@media screen and (min-width: 640px) and (max-width: 640px) {
  .m-sm-none {
    margin-bottom: 0 !important;
  }
}
@media (min-width: 640px) {
  .m-sm-none {
    margin-top: 0 !important;
  }
}
@media screen and (min-width: 640px) and (max-width: 768px) {
  .m-sm-none {
    margin-top: 0 !important;
  }
}
@media screen and (min-width: 640px) and (max-width: 640px) {
  .m-sm-none {
    margin-top: 0 !important;
  }
}
@media (min-width: 640px) {
  .m-sm-none {
    margin-left: 0 !important;
  }
}
@media screen and (min-width: 640px) and (max-width: 768px) {
  .m-sm-none {
    margin-left: 0 !important;
  }
}
@media screen and (min-width: 640px) and (max-width: 640px) {
  .m-sm-none {
    margin-left: 0 !important;
  }
}
@media (min-width: 640px) {
  .m-sm-none {
    margin-right: 0 !important;
  }
}
@media screen and (min-width: 640px) and (max-width: 768px) {
  .m-sm-none {
    margin-right: 0 !important;
  }
}
@media screen and (min-width: 640px) and (max-width: 640px) {
  .m-sm-none {
    margin-right: 0 !important;
  }
}

@media (min-width: 640px) {
  .m-sm-small {
    margin-bottom: 15px !important;
  }
}
@media screen and (min-width: 640px) and (max-width: 768px) {
  .m-sm-small {
    margin-bottom: 10px !important;
  }
}
@media screen and (min-width: 640px) and (max-width: 640px) {
  .m-sm-small {
    margin-bottom: 10px !important;
  }
}
@media (min-width: 640px) {
  .m-sm-small {
    margin-top: 15px !important;
  }
}
@media screen and (min-width: 640px) and (max-width: 768px) {
  .m-sm-small {
    margin-top: 10px !important;
  }
}
@media screen and (min-width: 640px) and (max-width: 640px) {
  .m-sm-small {
    margin-top: 10px !important;
  }
}
@media (min-width: 640px) {
  .m-sm-small {
    margin-left: 15px !important;
  }
}
@media screen and (min-width: 640px) and (max-width: 768px) {
  .m-sm-small {
    margin-left: 10px !important;
  }
}
@media screen and (min-width: 640px) and (max-width: 640px) {
  .m-sm-small {
    margin-left: 10px !important;
  }
}
@media (min-width: 640px) {
  .m-sm-small {
    margin-right: 15px !important;
  }
}
@media screen and (min-width: 640px) and (max-width: 768px) {
  .m-sm-small {
    margin-right: 10px !important;
  }
}
@media screen and (min-width: 640px) and (max-width: 640px) {
  .m-sm-small {
    margin-right: 10px !important;
  }
}

@media (min-width: 640px) {
  .m-sm-medium {
    margin-bottom: 30px !important;
  }
}
@media screen and (min-width: 640px) and (max-width: 768px) {
  .m-sm-medium {
    margin-bottom: 20px !important;
  }
}
@media screen and (min-width: 640px) and (max-width: 640px) {
  .m-sm-medium {
    margin-bottom: 20px !important;
  }
}
@media (min-width: 640px) {
  .m-sm-medium {
    margin-top: 30px !important;
  }
}
@media screen and (min-width: 640px) and (max-width: 768px) {
  .m-sm-medium {
    margin-top: 20px !important;
  }
}
@media screen and (min-width: 640px) and (max-width: 640px) {
  .m-sm-medium {
    margin-top: 20px !important;
  }
}
@media (min-width: 640px) {
  .m-sm-medium {
    margin-left: 30px !important;
  }
}
@media screen and (min-width: 640px) and (max-width: 768px) {
  .m-sm-medium {
    margin-left: 20px !important;
  }
}
@media screen and (min-width: 640px) and (max-width: 640px) {
  .m-sm-medium {
    margin-left: 20px !important;
  }
}
@media (min-width: 640px) {
  .m-sm-medium {
    margin-right: 30px !important;
  }
}
@media screen and (min-width: 640px) and (max-width: 768px) {
  .m-sm-medium {
    margin-right: 20px !important;
  }
}
@media screen and (min-width: 640px) and (max-width: 640px) {
  .m-sm-medium {
    margin-right: 20px !important;
  }
}

@media (min-width: 640px) {
  .m-sm-large {
    margin-bottom: 60px !important;
  }
}
@media screen and (min-width: 640px) and (max-width: 768px) {
  .m-sm-large {
    margin-bottom: 40px !important;
  }
}
@media screen and (min-width: 640px) and (max-width: 640px) {
  .m-sm-large {
    margin-bottom: 40px !important;
  }
}
@media (min-width: 640px) {
  .m-sm-large {
    margin-top: 60px !important;
  }
}
@media screen and (min-width: 640px) and (max-width: 768px) {
  .m-sm-large {
    margin-top: 40px !important;
  }
}
@media screen and (min-width: 640px) and (max-width: 640px) {
  .m-sm-large {
    margin-top: 40px !important;
  }
}
@media (min-width: 640px) {
  .m-sm-large {
    margin-left: 60px !important;
  }
}
@media screen and (min-width: 640px) and (max-width: 768px) {
  .m-sm-large {
    margin-left: 40px !important;
  }
}
@media screen and (min-width: 640px) and (max-width: 640px) {
  .m-sm-large {
    margin-left: 40px !important;
  }
}
@media (min-width: 640px) {
  .m-sm-large {
    margin-right: 60px !important;
  }
}
@media screen and (min-width: 640px) and (max-width: 768px) {
  .m-sm-large {
    margin-right: 40px !important;
  }
}
@media screen and (min-width: 640px) and (max-width: 640px) {
  .m-sm-large {
    margin-right: 40px !important;
  }
}

@media (min-width: 1024px) {
  .mb-md-none {
    margin-bottom: 0 !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 768px) {
  .mb-md-none {
    margin-bottom: 0 !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 640px) {
  .mb-md-none {
    margin-bottom: 0 !important;
  }
}

@media (min-width: 1024px) {
  .mb-md-small {
    margin-bottom: 15px !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 768px) {
  .mb-md-small {
    margin-bottom: 10px !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 640px) {
  .mb-md-small {
    margin-bottom: 10px !important;
  }
}

@media (min-width: 1024px) {
  .mb-md-medium {
    margin-bottom: 30px !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 768px) {
  .mb-md-medium {
    margin-bottom: 20px !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 640px) {
  .mb-md-medium {
    margin-bottom: 20px !important;
  }
}

@media (min-width: 1024px) {
  .mb-md-large {
    margin-bottom: 60px !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 768px) {
  .mb-md-large {
    margin-bottom: 40px !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 640px) {
  .mb-md-large {
    margin-bottom: 40px !important;
  }
}

@media (min-width: 1024px) {
  .mt-md-none {
    margin-top: 0 !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 768px) {
  .mt-md-none {
    margin-top: 0 !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 640px) {
  .mt-md-none {
    margin-top: 0 !important;
  }
}

@media (min-width: 1024px) {
  .mt-md-small {
    margin-top: 15px !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 768px) {
  .mt-md-small {
    margin-top: 10px !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 640px) {
  .mt-md-small {
    margin-top: 10px !important;
  }
}

@media (min-width: 1024px) {
  .mt-md-medium {
    margin-top: 30px !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 768px) {
  .mt-md-medium {
    margin-top: 20px !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 640px) {
  .mt-md-medium {
    margin-top: 20px !important;
  }
}

@media (min-width: 1024px) {
  .mt-md-large {
    margin-top: 60px !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 768px) {
  .mt-md-large {
    margin-top: 40px !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 640px) {
  .mt-md-large {
    margin-top: 40px !important;
  }
}

@media (min-width: 1024px) {
  .ml-md-none {
    margin-left: 0 !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 768px) {
  .ml-md-none {
    margin-left: 0 !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 640px) {
  .ml-md-none {
    margin-left: 0 !important;
  }
}

@media (min-width: 1024px) {
  .ml-md-small {
    margin-left: 15px !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 768px) {
  .ml-md-small {
    margin-left: 10px !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 640px) {
  .ml-md-small {
    margin-left: 10px !important;
  }
}

@media (min-width: 1024px) {
  .ml-md-medium {
    margin-left: 30px !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 768px) {
  .ml-md-medium {
    margin-left: 20px !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 640px) {
  .ml-md-medium {
    margin-left: 20px !important;
  }
}

@media (min-width: 1024px) {
  .ml-md-large {
    margin-left: 60px !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 768px) {
  .ml-md-large {
    margin-left: 40px !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 640px) {
  .ml-md-large {
    margin-left: 40px !important;
  }
}

@media (min-width: 1024px) {
  .mr-md-none {
    margin-right: 0 !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 768px) {
  .mr-md-none {
    margin-right: 0 !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 640px) {
  .mr-md-none {
    margin-right: 0 !important;
  }
}

@media (min-width: 1024px) {
  .mr-md-small {
    margin-right: 15px !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 768px) {
  .mr-md-small {
    margin-right: 10px !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 640px) {
  .mr-md-small {
    margin-right: 10px !important;
  }
}

@media (min-width: 1024px) {
  .mr-md-medium {
    margin-right: 30px !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 768px) {
  .mr-md-medium {
    margin-right: 20px !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 640px) {
  .mr-md-medium {
    margin-right: 20px !important;
  }
}

@media (min-width: 1024px) {
  .mr-md-large {
    margin-right: 60px !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 768px) {
  .mr-md-large {
    margin-right: 40px !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 640px) {
  .mr-md-large {
    margin-right: 40px !important;
  }
}

@media (min-width: 1024px) {
  .m-md-none {
    margin-bottom: 0 !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 768px) {
  .m-md-none {
    margin-bottom: 0 !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 640px) {
  .m-md-none {
    margin-bottom: 0 !important;
  }
}
@media (min-width: 1024px) {
  .m-md-none {
    margin-top: 0 !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 768px) {
  .m-md-none {
    margin-top: 0 !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 640px) {
  .m-md-none {
    margin-top: 0 !important;
  }
}
@media (min-width: 1024px) {
  .m-md-none {
    margin-left: 0 !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 768px) {
  .m-md-none {
    margin-left: 0 !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 640px) {
  .m-md-none {
    margin-left: 0 !important;
  }
}
@media (min-width: 1024px) {
  .m-md-none {
    margin-right: 0 !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 768px) {
  .m-md-none {
    margin-right: 0 !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 640px) {
  .m-md-none {
    margin-right: 0 !important;
  }
}

@media (min-width: 1024px) {
  .m-md-small {
    margin-bottom: 15px !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 768px) {
  .m-md-small {
    margin-bottom: 10px !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 640px) {
  .m-md-small {
    margin-bottom: 10px !important;
  }
}
@media (min-width: 1024px) {
  .m-md-small {
    margin-top: 15px !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 768px) {
  .m-md-small {
    margin-top: 10px !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 640px) {
  .m-md-small {
    margin-top: 10px !important;
  }
}
@media (min-width: 1024px) {
  .m-md-small {
    margin-left: 15px !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 768px) {
  .m-md-small {
    margin-left: 10px !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 640px) {
  .m-md-small {
    margin-left: 10px !important;
  }
}
@media (min-width: 1024px) {
  .m-md-small {
    margin-right: 15px !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 768px) {
  .m-md-small {
    margin-right: 10px !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 640px) {
  .m-md-small {
    margin-right: 10px !important;
  }
}

@media (min-width: 1024px) {
  .m-md-medium {
    margin-bottom: 30px !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 768px) {
  .m-md-medium {
    margin-bottom: 20px !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 640px) {
  .m-md-medium {
    margin-bottom: 20px !important;
  }
}
@media (min-width: 1024px) {
  .m-md-medium {
    margin-top: 30px !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 768px) {
  .m-md-medium {
    margin-top: 20px !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 640px) {
  .m-md-medium {
    margin-top: 20px !important;
  }
}
@media (min-width: 1024px) {
  .m-md-medium {
    margin-left: 30px !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 768px) {
  .m-md-medium {
    margin-left: 20px !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 640px) {
  .m-md-medium {
    margin-left: 20px !important;
  }
}
@media (min-width: 1024px) {
  .m-md-medium {
    margin-right: 30px !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 768px) {
  .m-md-medium {
    margin-right: 20px !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 640px) {
  .m-md-medium {
    margin-right: 20px !important;
  }
}

@media (min-width: 1024px) {
  .m-md-large {
    margin-bottom: 60px !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 768px) {
  .m-md-large {
    margin-bottom: 40px !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 640px) {
  .m-md-large {
    margin-bottom: 40px !important;
  }
}
@media (min-width: 1024px) {
  .m-md-large {
    margin-top: 60px !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 768px) {
  .m-md-large {
    margin-top: 40px !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 640px) {
  .m-md-large {
    margin-top: 40px !important;
  }
}
@media (min-width: 1024px) {
  .m-md-large {
    margin-left: 60px !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 768px) {
  .m-md-large {
    margin-left: 40px !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 640px) {
  .m-md-large {
    margin-left: 40px !important;
  }
}
@media (min-width: 1024px) {
  .m-md-large {
    margin-right: 60px !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 768px) {
  .m-md-large {
    margin-right: 40px !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 640px) {
  .m-md-large {
    margin-right: 40px !important;
  }
}

@media (min-width: 1280px) {
  .mb-lg-none {
    margin-bottom: 0 !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 768px) {
  .mb-lg-none {
    margin-bottom: 0 !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 640px) {
  .mb-lg-none {
    margin-bottom: 0 !important;
  }
}

@media (min-width: 1280px) {
  .mb-lg-small {
    margin-bottom: 15px !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 768px) {
  .mb-lg-small {
    margin-bottom: 10px !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 640px) {
  .mb-lg-small {
    margin-bottom: 10px !important;
  }
}

@media (min-width: 1280px) {
  .mb-lg-medium {
    margin-bottom: 30px !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 768px) {
  .mb-lg-medium {
    margin-bottom: 20px !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 640px) {
  .mb-lg-medium {
    margin-bottom: 20px !important;
  }
}

@media (min-width: 1280px) {
  .mb-lg-large {
    margin-bottom: 60px !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 768px) {
  .mb-lg-large {
    margin-bottom: 40px !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 640px) {
  .mb-lg-large {
    margin-bottom: 40px !important;
  }
}

@media (min-width: 1280px) {
  .mt-lg-none {
    margin-top: 0 !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 768px) {
  .mt-lg-none {
    margin-top: 0 !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 640px) {
  .mt-lg-none {
    margin-top: 0 !important;
  }
}

@media (min-width: 1280px) {
  .mt-lg-small {
    margin-top: 15px !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 768px) {
  .mt-lg-small {
    margin-top: 10px !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 640px) {
  .mt-lg-small {
    margin-top: 10px !important;
  }
}

@media (min-width: 1280px) {
  .mt-lg-medium {
    margin-top: 30px !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 768px) {
  .mt-lg-medium {
    margin-top: 20px !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 640px) {
  .mt-lg-medium {
    margin-top: 20px !important;
  }
}

@media (min-width: 1280px) {
  .mt-lg-large {
    margin-top: 60px !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 768px) {
  .mt-lg-large {
    margin-top: 40px !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 640px) {
  .mt-lg-large {
    margin-top: 40px !important;
  }
}

@media (min-width: 1280px) {
  .ml-lg-none {
    margin-left: 0 !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 768px) {
  .ml-lg-none {
    margin-left: 0 !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 640px) {
  .ml-lg-none {
    margin-left: 0 !important;
  }
}

@media (min-width: 1280px) {
  .ml-lg-small {
    margin-left: 15px !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 768px) {
  .ml-lg-small {
    margin-left: 10px !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 640px) {
  .ml-lg-small {
    margin-left: 10px !important;
  }
}

@media (min-width: 1280px) {
  .ml-lg-medium {
    margin-left: 30px !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 768px) {
  .ml-lg-medium {
    margin-left: 20px !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 640px) {
  .ml-lg-medium {
    margin-left: 20px !important;
  }
}

@media (min-width: 1280px) {
  .ml-lg-large {
    margin-left: 60px !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 768px) {
  .ml-lg-large {
    margin-left: 40px !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 640px) {
  .ml-lg-large {
    margin-left: 40px !important;
  }
}

@media (min-width: 1280px) {
  .mr-lg-none {
    margin-right: 0 !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 768px) {
  .mr-lg-none {
    margin-right: 0 !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 640px) {
  .mr-lg-none {
    margin-right: 0 !important;
  }
}

@media (min-width: 1280px) {
  .mr-lg-small {
    margin-right: 15px !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 768px) {
  .mr-lg-small {
    margin-right: 10px !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 640px) {
  .mr-lg-small {
    margin-right: 10px !important;
  }
}

@media (min-width: 1280px) {
  .mr-lg-medium {
    margin-right: 30px !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 768px) {
  .mr-lg-medium {
    margin-right: 20px !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 640px) {
  .mr-lg-medium {
    margin-right: 20px !important;
  }
}

@media (min-width: 1280px) {
  .mr-lg-large {
    margin-right: 60px !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 768px) {
  .mr-lg-large {
    margin-right: 40px !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 640px) {
  .mr-lg-large {
    margin-right: 40px !important;
  }
}

@media (min-width: 1280px) {
  .m-lg-none {
    margin-bottom: 0 !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 768px) {
  .m-lg-none {
    margin-bottom: 0 !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 640px) {
  .m-lg-none {
    margin-bottom: 0 !important;
  }
}
@media (min-width: 1280px) {
  .m-lg-none {
    margin-top: 0 !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 768px) {
  .m-lg-none {
    margin-top: 0 !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 640px) {
  .m-lg-none {
    margin-top: 0 !important;
  }
}
@media (min-width: 1280px) {
  .m-lg-none {
    margin-left: 0 !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 768px) {
  .m-lg-none {
    margin-left: 0 !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 640px) {
  .m-lg-none {
    margin-left: 0 !important;
  }
}
@media (min-width: 1280px) {
  .m-lg-none {
    margin-right: 0 !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 768px) {
  .m-lg-none {
    margin-right: 0 !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 640px) {
  .m-lg-none {
    margin-right: 0 !important;
  }
}

@media (min-width: 1280px) {
  .m-lg-small {
    margin-bottom: 15px !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 768px) {
  .m-lg-small {
    margin-bottom: 10px !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 640px) {
  .m-lg-small {
    margin-bottom: 10px !important;
  }
}
@media (min-width: 1280px) {
  .m-lg-small {
    margin-top: 15px !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 768px) {
  .m-lg-small {
    margin-top: 10px !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 640px) {
  .m-lg-small {
    margin-top: 10px !important;
  }
}
@media (min-width: 1280px) {
  .m-lg-small {
    margin-left: 15px !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 768px) {
  .m-lg-small {
    margin-left: 10px !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 640px) {
  .m-lg-small {
    margin-left: 10px !important;
  }
}
@media (min-width: 1280px) {
  .m-lg-small {
    margin-right: 15px !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 768px) {
  .m-lg-small {
    margin-right: 10px !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 640px) {
  .m-lg-small {
    margin-right: 10px !important;
  }
}

@media (min-width: 1280px) {
  .m-lg-medium {
    margin-bottom: 30px !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 768px) {
  .m-lg-medium {
    margin-bottom: 20px !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 640px) {
  .m-lg-medium {
    margin-bottom: 20px !important;
  }
}
@media (min-width: 1280px) {
  .m-lg-medium {
    margin-top: 30px !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 768px) {
  .m-lg-medium {
    margin-top: 20px !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 640px) {
  .m-lg-medium {
    margin-top: 20px !important;
  }
}
@media (min-width: 1280px) {
  .m-lg-medium {
    margin-left: 30px !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 768px) {
  .m-lg-medium {
    margin-left: 20px !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 640px) {
  .m-lg-medium {
    margin-left: 20px !important;
  }
}
@media (min-width: 1280px) {
  .m-lg-medium {
    margin-right: 30px !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 768px) {
  .m-lg-medium {
    margin-right: 20px !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 640px) {
  .m-lg-medium {
    margin-right: 20px !important;
  }
}

@media (min-width: 1280px) {
  .m-lg-large {
    margin-bottom: 60px !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 768px) {
  .m-lg-large {
    margin-bottom: 40px !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 640px) {
  .m-lg-large {
    margin-bottom: 40px !important;
  }
}
@media (min-width: 1280px) {
  .m-lg-large {
    margin-top: 60px !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 768px) {
  .m-lg-large {
    margin-top: 40px !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 640px) {
  .m-lg-large {
    margin-top: 40px !important;
  }
}
@media (min-width: 1280px) {
  .m-lg-large {
    margin-left: 60px !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 768px) {
  .m-lg-large {
    margin-left: 40px !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 640px) {
  .m-lg-large {
    margin-left: 40px !important;
  }
}
@media (min-width: 1280px) {
  .m-lg-large {
    margin-right: 60px !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 768px) {
  .m-lg-large {
    margin-right: 40px !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 640px) {
  .m-lg-large {
    margin-right: 40px !important;
  }
}

@media (min-width: 1440px) {
  .mb-xl-none {
    margin-bottom: 0 !important;
  }
}
@media screen and (min-width: 1440px) and (max-width: 768px) {
  .mb-xl-none {
    margin-bottom: 0 !important;
  }
}
@media screen and (min-width: 1440px) and (max-width: 640px) {
  .mb-xl-none {
    margin-bottom: 0 !important;
  }
}

@media (min-width: 1440px) {
  .mb-xl-small {
    margin-bottom: 15px !important;
  }
}
@media screen and (min-width: 1440px) and (max-width: 768px) {
  .mb-xl-small {
    margin-bottom: 10px !important;
  }
}
@media screen and (min-width: 1440px) and (max-width: 640px) {
  .mb-xl-small {
    margin-bottom: 10px !important;
  }
}

@media (min-width: 1440px) {
  .mb-xl-medium {
    margin-bottom: 30px !important;
  }
}
@media screen and (min-width: 1440px) and (max-width: 768px) {
  .mb-xl-medium {
    margin-bottom: 20px !important;
  }
}
@media screen and (min-width: 1440px) and (max-width: 640px) {
  .mb-xl-medium {
    margin-bottom: 20px !important;
  }
}

@media (min-width: 1440px) {
  .mb-xl-large {
    margin-bottom: 60px !important;
  }
}
@media screen and (min-width: 1440px) and (max-width: 768px) {
  .mb-xl-large {
    margin-bottom: 40px !important;
  }
}
@media screen and (min-width: 1440px) and (max-width: 640px) {
  .mb-xl-large {
    margin-bottom: 40px !important;
  }
}

@media (min-width: 1440px) {
  .mt-xl-none {
    margin-top: 0 !important;
  }
}
@media screen and (min-width: 1440px) and (max-width: 768px) {
  .mt-xl-none {
    margin-top: 0 !important;
  }
}
@media screen and (min-width: 1440px) and (max-width: 640px) {
  .mt-xl-none {
    margin-top: 0 !important;
  }
}

@media (min-width: 1440px) {
  .mt-xl-small {
    margin-top: 15px !important;
  }
}
@media screen and (min-width: 1440px) and (max-width: 768px) {
  .mt-xl-small {
    margin-top: 10px !important;
  }
}
@media screen and (min-width: 1440px) and (max-width: 640px) {
  .mt-xl-small {
    margin-top: 10px !important;
  }
}

@media (min-width: 1440px) {
  .mt-xl-medium {
    margin-top: 30px !important;
  }
}
@media screen and (min-width: 1440px) and (max-width: 768px) {
  .mt-xl-medium {
    margin-top: 20px !important;
  }
}
@media screen and (min-width: 1440px) and (max-width: 640px) {
  .mt-xl-medium {
    margin-top: 20px !important;
  }
}

@media (min-width: 1440px) {
  .mt-xl-large {
    margin-top: 60px !important;
  }
}
@media screen and (min-width: 1440px) and (max-width: 768px) {
  .mt-xl-large {
    margin-top: 40px !important;
  }
}
@media screen and (min-width: 1440px) and (max-width: 640px) {
  .mt-xl-large {
    margin-top: 40px !important;
  }
}

@media (min-width: 1440px) {
  .ml-xl-none {
    margin-left: 0 !important;
  }
}
@media screen and (min-width: 1440px) and (max-width: 768px) {
  .ml-xl-none {
    margin-left: 0 !important;
  }
}
@media screen and (min-width: 1440px) and (max-width: 640px) {
  .ml-xl-none {
    margin-left: 0 !important;
  }
}

@media (min-width: 1440px) {
  .ml-xl-small {
    margin-left: 15px !important;
  }
}
@media screen and (min-width: 1440px) and (max-width: 768px) {
  .ml-xl-small {
    margin-left: 10px !important;
  }
}
@media screen and (min-width: 1440px) and (max-width: 640px) {
  .ml-xl-small {
    margin-left: 10px !important;
  }
}

@media (min-width: 1440px) {
  .ml-xl-medium {
    margin-left: 30px !important;
  }
}
@media screen and (min-width: 1440px) and (max-width: 768px) {
  .ml-xl-medium {
    margin-left: 20px !important;
  }
}
@media screen and (min-width: 1440px) and (max-width: 640px) {
  .ml-xl-medium {
    margin-left: 20px !important;
  }
}

@media (min-width: 1440px) {
  .ml-xl-large {
    margin-left: 60px !important;
  }
}
@media screen and (min-width: 1440px) and (max-width: 768px) {
  .ml-xl-large {
    margin-left: 40px !important;
  }
}
@media screen and (min-width: 1440px) and (max-width: 640px) {
  .ml-xl-large {
    margin-left: 40px !important;
  }
}

@media (min-width: 1440px) {
  .mr-xl-none {
    margin-right: 0 !important;
  }
}
@media screen and (min-width: 1440px) and (max-width: 768px) {
  .mr-xl-none {
    margin-right: 0 !important;
  }
}
@media screen and (min-width: 1440px) and (max-width: 640px) {
  .mr-xl-none {
    margin-right: 0 !important;
  }
}

@media (min-width: 1440px) {
  .mr-xl-small {
    margin-right: 15px !important;
  }
}
@media screen and (min-width: 1440px) and (max-width: 768px) {
  .mr-xl-small {
    margin-right: 10px !important;
  }
}
@media screen and (min-width: 1440px) and (max-width: 640px) {
  .mr-xl-small {
    margin-right: 10px !important;
  }
}

@media (min-width: 1440px) {
  .mr-xl-medium {
    margin-right: 30px !important;
  }
}
@media screen and (min-width: 1440px) and (max-width: 768px) {
  .mr-xl-medium {
    margin-right: 20px !important;
  }
}
@media screen and (min-width: 1440px) and (max-width: 640px) {
  .mr-xl-medium {
    margin-right: 20px !important;
  }
}

@media (min-width: 1440px) {
  .mr-xl-large {
    margin-right: 60px !important;
  }
}
@media screen and (min-width: 1440px) and (max-width: 768px) {
  .mr-xl-large {
    margin-right: 40px !important;
  }
}
@media screen and (min-width: 1440px) and (max-width: 640px) {
  .mr-xl-large {
    margin-right: 40px !important;
  }
}

@media (min-width: 1440px) {
  .m-xl-none {
    margin-bottom: 0 !important;
  }
}
@media screen and (min-width: 1440px) and (max-width: 768px) {
  .m-xl-none {
    margin-bottom: 0 !important;
  }
}
@media screen and (min-width: 1440px) and (max-width: 640px) {
  .m-xl-none {
    margin-bottom: 0 !important;
  }
}
@media (min-width: 1440px) {
  .m-xl-none {
    margin-top: 0 !important;
  }
}
@media screen and (min-width: 1440px) and (max-width: 768px) {
  .m-xl-none {
    margin-top: 0 !important;
  }
}
@media screen and (min-width: 1440px) and (max-width: 640px) {
  .m-xl-none {
    margin-top: 0 !important;
  }
}
@media (min-width: 1440px) {
  .m-xl-none {
    margin-left: 0 !important;
  }
}
@media screen and (min-width: 1440px) and (max-width: 768px) {
  .m-xl-none {
    margin-left: 0 !important;
  }
}
@media screen and (min-width: 1440px) and (max-width: 640px) {
  .m-xl-none {
    margin-left: 0 !important;
  }
}
@media (min-width: 1440px) {
  .m-xl-none {
    margin-right: 0 !important;
  }
}
@media screen and (min-width: 1440px) and (max-width: 768px) {
  .m-xl-none {
    margin-right: 0 !important;
  }
}
@media screen and (min-width: 1440px) and (max-width: 640px) {
  .m-xl-none {
    margin-right: 0 !important;
  }
}

@media (min-width: 1440px) {
  .m-xl-small {
    margin-bottom: 15px !important;
  }
}
@media screen and (min-width: 1440px) and (max-width: 768px) {
  .m-xl-small {
    margin-bottom: 10px !important;
  }
}
@media screen and (min-width: 1440px) and (max-width: 640px) {
  .m-xl-small {
    margin-bottom: 10px !important;
  }
}
@media (min-width: 1440px) {
  .m-xl-small {
    margin-top: 15px !important;
  }
}
@media screen and (min-width: 1440px) and (max-width: 768px) {
  .m-xl-small {
    margin-top: 10px !important;
  }
}
@media screen and (min-width: 1440px) and (max-width: 640px) {
  .m-xl-small {
    margin-top: 10px !important;
  }
}
@media (min-width: 1440px) {
  .m-xl-small {
    margin-left: 15px !important;
  }
}
@media screen and (min-width: 1440px) and (max-width: 768px) {
  .m-xl-small {
    margin-left: 10px !important;
  }
}
@media screen and (min-width: 1440px) and (max-width: 640px) {
  .m-xl-small {
    margin-left: 10px !important;
  }
}
@media (min-width: 1440px) {
  .m-xl-small {
    margin-right: 15px !important;
  }
}
@media screen and (min-width: 1440px) and (max-width: 768px) {
  .m-xl-small {
    margin-right: 10px !important;
  }
}
@media screen and (min-width: 1440px) and (max-width: 640px) {
  .m-xl-small {
    margin-right: 10px !important;
  }
}

@media (min-width: 1440px) {
  .m-xl-medium {
    margin-bottom: 30px !important;
  }
}
@media screen and (min-width: 1440px) and (max-width: 768px) {
  .m-xl-medium {
    margin-bottom: 20px !important;
  }
}
@media screen and (min-width: 1440px) and (max-width: 640px) {
  .m-xl-medium {
    margin-bottom: 20px !important;
  }
}
@media (min-width: 1440px) {
  .m-xl-medium {
    margin-top: 30px !important;
  }
}
@media screen and (min-width: 1440px) and (max-width: 768px) {
  .m-xl-medium {
    margin-top: 20px !important;
  }
}
@media screen and (min-width: 1440px) and (max-width: 640px) {
  .m-xl-medium {
    margin-top: 20px !important;
  }
}
@media (min-width: 1440px) {
  .m-xl-medium {
    margin-left: 30px !important;
  }
}
@media screen and (min-width: 1440px) and (max-width: 768px) {
  .m-xl-medium {
    margin-left: 20px !important;
  }
}
@media screen and (min-width: 1440px) and (max-width: 640px) {
  .m-xl-medium {
    margin-left: 20px !important;
  }
}
@media (min-width: 1440px) {
  .m-xl-medium {
    margin-right: 30px !important;
  }
}
@media screen and (min-width: 1440px) and (max-width: 768px) {
  .m-xl-medium {
    margin-right: 20px !important;
  }
}
@media screen and (min-width: 1440px) and (max-width: 640px) {
  .m-xl-medium {
    margin-right: 20px !important;
  }
}

@media (min-width: 1440px) {
  .m-xl-large {
    margin-bottom: 60px !important;
  }
}
@media screen and (min-width: 1440px) and (max-width: 768px) {
  .m-xl-large {
    margin-bottom: 40px !important;
  }
}
@media screen and (min-width: 1440px) and (max-width: 640px) {
  .m-xl-large {
    margin-bottom: 40px !important;
  }
}
@media (min-width: 1440px) {
  .m-xl-large {
    margin-top: 60px !important;
  }
}
@media screen and (min-width: 1440px) and (max-width: 768px) {
  .m-xl-large {
    margin-top: 40px !important;
  }
}
@media screen and (min-width: 1440px) and (max-width: 640px) {
  .m-xl-large {
    margin-top: 40px !important;
  }
}
@media (min-width: 1440px) {
  .m-xl-large {
    margin-left: 60px !important;
  }
}
@media screen and (min-width: 1440px) and (max-width: 768px) {
  .m-xl-large {
    margin-left: 40px !important;
  }
}
@media screen and (min-width: 1440px) and (max-width: 640px) {
  .m-xl-large {
    margin-left: 40px !important;
  }
}
@media (min-width: 1440px) {
  .m-xl-large {
    margin-right: 60px !important;
  }
}
@media screen and (min-width: 1440px) and (max-width: 768px) {
  .m-xl-large {
    margin-right: 40px !important;
  }
}
@media screen and (min-width: 1440px) and (max-width: 640px) {
  .m-xl-large {
    margin-right: 40px !important;
  }
}

.pb-none {
  padding-bottom: 0 !important;
}
@media screen and (max-width: 768px) {
  .pb-none {
    padding-bottom: 0 !important;
  }
}
@media screen and (max-width: 640px) {
  .pb-none {
    padding-bottom: 0 !important;
  }
}

.pb-small {
  padding-bottom: 15px !important;
}
@media screen and (max-width: 768px) {
  .pb-small {
    padding-bottom: 10px !important;
  }
}
@media screen and (max-width: 640px) {
  .pb-small {
    padding-bottom: 10px !important;
  }
}

.pb-medium {
  padding-bottom: 30px !important;
}
@media screen and (max-width: 768px) {
  .pb-medium {
    padding-bottom: 20px !important;
  }
}
@media screen and (max-width: 640px) {
  .pb-medium {
    padding-bottom: 20px !important;
  }
}

.pb-large {
  padding-bottom: 60px !important;
}
@media screen and (max-width: 768px) {
  .pb-large {
    padding-bottom: 40px !important;
  }
}
@media screen and (max-width: 640px) {
  .pb-large {
    padding-bottom: 40px !important;
  }
}

.pt-none {
  padding-top: 0 !important;
}
@media screen and (max-width: 768px) {
  .pt-none {
    padding-top: 0 !important;
  }
}
@media screen and (max-width: 640px) {
  .pt-none {
    padding-top: 0 !important;
  }
}

.pt-small {
  padding-top: 15px !important;
}
@media screen and (max-width: 768px) {
  .pt-small {
    padding-top: 10px !important;
  }
}
@media screen and (max-width: 640px) {
  .pt-small {
    padding-top: 10px !important;
  }
}

.pt-medium {
  padding-top: 30px !important;
}
@media screen and (max-width: 768px) {
  .pt-medium {
    padding-top: 20px !important;
  }
}
@media screen and (max-width: 640px) {
  .pt-medium {
    padding-top: 20px !important;
  }
}

.pt-large {
  padding-top: 60px !important;
}
@media screen and (max-width: 768px) {
  .pt-large {
    padding-top: 40px !important;
  }
}
@media screen and (max-width: 640px) {
  .pt-large {
    padding-top: 40px !important;
  }
}

.pl-none {
  padding-left: 0 !important;
}
@media screen and (max-width: 768px) {
  .pl-none {
    padding-left: 0 !important;
  }
}
@media screen and (max-width: 640px) {
  .pl-none {
    padding-left: 0 !important;
  }
}

.pl-small {
  padding-left: 15px !important;
}
@media screen and (max-width: 768px) {
  .pl-small {
    padding-left: 10px !important;
  }
}
@media screen and (max-width: 640px) {
  .pl-small {
    padding-left: 10px !important;
  }
}

.pl-medium {
  padding-left: 30px !important;
}
@media screen and (max-width: 768px) {
  .pl-medium {
    padding-left: 20px !important;
  }
}
@media screen and (max-width: 640px) {
  .pl-medium {
    padding-left: 20px !important;
  }
}

.pl-large {
  padding-left: 60px !important;
}
@media screen and (max-width: 768px) {
  .pl-large {
    padding-left: 40px !important;
  }
}
@media screen and (max-width: 640px) {
  .pl-large {
    padding-left: 40px !important;
  }
}

.pr-none {
  padding-right: 0 !important;
}
@media screen and (max-width: 768px) {
  .pr-none {
    padding-right: 0 !important;
  }
}
@media screen and (max-width: 640px) {
  .pr-none {
    padding-right: 0 !important;
  }
}

.pr-small {
  padding-right: 15px !important;
}
@media screen and (max-width: 768px) {
  .pr-small {
    padding-right: 10px !important;
  }
}
@media screen and (max-width: 640px) {
  .pr-small {
    padding-right: 10px !important;
  }
}

.pr-medium {
  padding-right: 30px !important;
}
@media screen and (max-width: 768px) {
  .pr-medium {
    padding-right: 20px !important;
  }
}
@media screen and (max-width: 640px) {
  .pr-medium {
    padding-right: 20px !important;
  }
}

.pr-large {
  padding-right: 60px !important;
}
@media screen and (max-width: 768px) {
  .pr-large {
    padding-right: 40px !important;
  }
}
@media screen and (max-width: 640px) {
  .pr-large {
    padding-right: 40px !important;
  }
}

.p-none {
  padding-bottom: 0 !important;
  padding-top: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
@media screen and (max-width: 768px) {
  .p-none {
    padding-bottom: 0 !important;
  }
}
@media screen and (max-width: 640px) {
  .p-none {
    padding-bottom: 0 !important;
  }
}
@media screen and (max-width: 768px) {
  .p-none {
    padding-top: 0 !important;
  }
}
@media screen and (max-width: 640px) {
  .p-none {
    padding-top: 0 !important;
  }
}
@media screen and (max-width: 768px) {
  .p-none {
    padding-left: 0 !important;
  }
}
@media screen and (max-width: 640px) {
  .p-none {
    padding-left: 0 !important;
  }
}
@media screen and (max-width: 768px) {
  .p-none {
    padding-right: 0 !important;
  }
}
@media screen and (max-width: 640px) {
  .p-none {
    padding-right: 0 !important;
  }
}

.p-small {
  padding-bottom: 15px !important;
  padding-top: 15px !important;
  padding-left: 15px !important;
  padding-right: 15px !important;
}
@media screen and (max-width: 768px) {
  .p-small {
    padding-bottom: 10px !important;
  }
}
@media screen and (max-width: 640px) {
  .p-small {
    padding-bottom: 10px !important;
  }
}
@media screen and (max-width: 768px) {
  .p-small {
    padding-top: 10px !important;
  }
}
@media screen and (max-width: 640px) {
  .p-small {
    padding-top: 10px !important;
  }
}
@media screen and (max-width: 768px) {
  .p-small {
    padding-left: 10px !important;
  }
}
@media screen and (max-width: 640px) {
  .p-small {
    padding-left: 10px !important;
  }
}
@media screen and (max-width: 768px) {
  .p-small {
    padding-right: 10px !important;
  }
}
@media screen and (max-width: 640px) {
  .p-small {
    padding-right: 10px !important;
  }
}

.p-medium {
  padding-bottom: 30px !important;
  padding-top: 30px !important;
  padding-left: 30px !important;
  padding-right: 30px !important;
}
@media screen and (max-width: 768px) {
  .p-medium {
    padding-bottom: 20px !important;
  }
}
@media screen and (max-width: 640px) {
  .p-medium {
    padding-bottom: 20px !important;
  }
}
@media screen and (max-width: 768px) {
  .p-medium {
    padding-top: 20px !important;
  }
}
@media screen and (max-width: 640px) {
  .p-medium {
    padding-top: 20px !important;
  }
}
@media screen and (max-width: 768px) {
  .p-medium {
    padding-left: 20px !important;
  }
}
@media screen and (max-width: 640px) {
  .p-medium {
    padding-left: 20px !important;
  }
}
@media screen and (max-width: 768px) {
  .p-medium {
    padding-right: 20px !important;
  }
}
@media screen and (max-width: 640px) {
  .p-medium {
    padding-right: 20px !important;
  }
}

.p-large {
  padding-bottom: 60px !important;
  padding-top: 60px !important;
  padding-left: 60px !important;
  padding-right: 60px !important;
}
@media screen and (max-width: 768px) {
  .p-large {
    padding-bottom: 40px !important;
  }
}
@media screen and (max-width: 640px) {
  .p-large {
    padding-bottom: 40px !important;
  }
}
@media screen and (max-width: 768px) {
  .p-large {
    padding-top: 40px !important;
  }
}
@media screen and (max-width: 640px) {
  .p-large {
    padding-top: 40px !important;
  }
}
@media screen and (max-width: 768px) {
  .p-large {
    padding-left: 40px !important;
  }
}
@media screen and (max-width: 640px) {
  .p-large {
    padding-left: 40px !important;
  }
}
@media screen and (max-width: 768px) {
  .p-large {
    padding-right: 40px !important;
  }
}
@media screen and (max-width: 640px) {
  .p-large {
    padding-right: 40px !important;
  }
}

@media (min-width: 640px) {
  .pb-sm-none {
    padding-bottom: 0 !important;
  }
}
@media screen and (min-width: 640px) and (max-width: 768px) {
  .pb-sm-none {
    padding-bottom: 0 !important;
  }
}
@media screen and (min-width: 640px) and (max-width: 640px) {
  .pb-sm-none {
    padding-bottom: 0 !important;
  }
}

@media (min-width: 640px) {
  .pb-sm-small {
    padding-bottom: 15px !important;
  }
}
@media screen and (min-width: 640px) and (max-width: 768px) {
  .pb-sm-small {
    padding-bottom: 10px !important;
  }
}
@media screen and (min-width: 640px) and (max-width: 640px) {
  .pb-sm-small {
    padding-bottom: 10px !important;
  }
}

@media (min-width: 640px) {
  .pb-sm-medium {
    padding-bottom: 30px !important;
  }
}
@media screen and (min-width: 640px) and (max-width: 768px) {
  .pb-sm-medium {
    padding-bottom: 20px !important;
  }
}
@media screen and (min-width: 640px) and (max-width: 640px) {
  .pb-sm-medium {
    padding-bottom: 20px !important;
  }
}

@media (min-width: 640px) {
  .pb-sm-large {
    padding-bottom: 60px !important;
  }
}
@media screen and (min-width: 640px) and (max-width: 768px) {
  .pb-sm-large {
    padding-bottom: 40px !important;
  }
}
@media screen and (min-width: 640px) and (max-width: 640px) {
  .pb-sm-large {
    padding-bottom: 40px !important;
  }
}

@media (min-width: 640px) {
  .pt-sm-none {
    padding-top: 0 !important;
  }
}
@media screen and (min-width: 640px) and (max-width: 768px) {
  .pt-sm-none {
    padding-top: 0 !important;
  }
}
@media screen and (min-width: 640px) and (max-width: 640px) {
  .pt-sm-none {
    padding-top: 0 !important;
  }
}

@media (min-width: 640px) {
  .pt-sm-small {
    padding-top: 15px !important;
  }
}
@media screen and (min-width: 640px) and (max-width: 768px) {
  .pt-sm-small {
    padding-top: 10px !important;
  }
}
@media screen and (min-width: 640px) and (max-width: 640px) {
  .pt-sm-small {
    padding-top: 10px !important;
  }
}

@media (min-width: 640px) {
  .pt-sm-medium {
    padding-top: 30px !important;
  }
}
@media screen and (min-width: 640px) and (max-width: 768px) {
  .pt-sm-medium {
    padding-top: 20px !important;
  }
}
@media screen and (min-width: 640px) and (max-width: 640px) {
  .pt-sm-medium {
    padding-top: 20px !important;
  }
}

@media (min-width: 640px) {
  .pt-sm-large {
    padding-top: 60px !important;
  }
}
@media screen and (min-width: 640px) and (max-width: 768px) {
  .pt-sm-large {
    padding-top: 40px !important;
  }
}
@media screen and (min-width: 640px) and (max-width: 640px) {
  .pt-sm-large {
    padding-top: 40px !important;
  }
}

@media (min-width: 640px) {
  .pl-sm-none {
    padding-left: 0 !important;
  }
}
@media screen and (min-width: 640px) and (max-width: 768px) {
  .pl-sm-none {
    padding-left: 0 !important;
  }
}
@media screen and (min-width: 640px) and (max-width: 640px) {
  .pl-sm-none {
    padding-left: 0 !important;
  }
}

@media (min-width: 640px) {
  .pl-sm-small {
    padding-left: 15px !important;
  }
}
@media screen and (min-width: 640px) and (max-width: 768px) {
  .pl-sm-small {
    padding-left: 10px !important;
  }
}
@media screen and (min-width: 640px) and (max-width: 640px) {
  .pl-sm-small {
    padding-left: 10px !important;
  }
}

@media (min-width: 640px) {
  .pl-sm-medium {
    padding-left: 30px !important;
  }
}
@media screen and (min-width: 640px) and (max-width: 768px) {
  .pl-sm-medium {
    padding-left: 20px !important;
  }
}
@media screen and (min-width: 640px) and (max-width: 640px) {
  .pl-sm-medium {
    padding-left: 20px !important;
  }
}

@media (min-width: 640px) {
  .pl-sm-large {
    padding-left: 60px !important;
  }
}
@media screen and (min-width: 640px) and (max-width: 768px) {
  .pl-sm-large {
    padding-left: 40px !important;
  }
}
@media screen and (min-width: 640px) and (max-width: 640px) {
  .pl-sm-large {
    padding-left: 40px !important;
  }
}

@media (min-width: 640px) {
  .pr-sm-none {
    padding-right: 0 !important;
  }
}
@media screen and (min-width: 640px) and (max-width: 768px) {
  .pr-sm-none {
    padding-right: 0 !important;
  }
}
@media screen and (min-width: 640px) and (max-width: 640px) {
  .pr-sm-none {
    padding-right: 0 !important;
  }
}

@media (min-width: 640px) {
  .pr-sm-small {
    padding-right: 15px !important;
  }
}
@media screen and (min-width: 640px) and (max-width: 768px) {
  .pr-sm-small {
    padding-right: 10px !important;
  }
}
@media screen and (min-width: 640px) and (max-width: 640px) {
  .pr-sm-small {
    padding-right: 10px !important;
  }
}

@media (min-width: 640px) {
  .pr-sm-medium {
    padding-right: 30px !important;
  }
}
@media screen and (min-width: 640px) and (max-width: 768px) {
  .pr-sm-medium {
    padding-right: 20px !important;
  }
}
@media screen and (min-width: 640px) and (max-width: 640px) {
  .pr-sm-medium {
    padding-right: 20px !important;
  }
}

@media (min-width: 640px) {
  .pr-sm-large {
    padding-right: 60px !important;
  }
}
@media screen and (min-width: 640px) and (max-width: 768px) {
  .pr-sm-large {
    padding-right: 40px !important;
  }
}
@media screen and (min-width: 640px) and (max-width: 640px) {
  .pr-sm-large {
    padding-right: 40px !important;
  }
}

@media (min-width: 640px) {
  .p-sm-none {
    padding-bottom: 0 !important;
  }
}
@media screen and (min-width: 640px) and (max-width: 768px) {
  .p-sm-none {
    padding-bottom: 0 !important;
  }
}
@media screen and (min-width: 640px) and (max-width: 640px) {
  .p-sm-none {
    padding-bottom: 0 !important;
  }
}
@media (min-width: 640px) {
  .p-sm-none {
    padding-top: 0 !important;
  }
}
@media screen and (min-width: 640px) and (max-width: 768px) {
  .p-sm-none {
    padding-top: 0 !important;
  }
}
@media screen and (min-width: 640px) and (max-width: 640px) {
  .p-sm-none {
    padding-top: 0 !important;
  }
}
@media (min-width: 640px) {
  .p-sm-none {
    padding-left: 0 !important;
  }
}
@media screen and (min-width: 640px) and (max-width: 768px) {
  .p-sm-none {
    padding-left: 0 !important;
  }
}
@media screen and (min-width: 640px) and (max-width: 640px) {
  .p-sm-none {
    padding-left: 0 !important;
  }
}
@media (min-width: 640px) {
  .p-sm-none {
    padding-right: 0 !important;
  }
}
@media screen and (min-width: 640px) and (max-width: 768px) {
  .p-sm-none {
    padding-right: 0 !important;
  }
}
@media screen and (min-width: 640px) and (max-width: 640px) {
  .p-sm-none {
    padding-right: 0 !important;
  }
}

@media (min-width: 640px) {
  .p-sm-small {
    padding-bottom: 15px !important;
  }
}
@media screen and (min-width: 640px) and (max-width: 768px) {
  .p-sm-small {
    padding-bottom: 10px !important;
  }
}
@media screen and (min-width: 640px) and (max-width: 640px) {
  .p-sm-small {
    padding-bottom: 10px !important;
  }
}
@media (min-width: 640px) {
  .p-sm-small {
    padding-top: 15px !important;
  }
}
@media screen and (min-width: 640px) and (max-width: 768px) {
  .p-sm-small {
    padding-top: 10px !important;
  }
}
@media screen and (min-width: 640px) and (max-width: 640px) {
  .p-sm-small {
    padding-top: 10px !important;
  }
}
@media (min-width: 640px) {
  .p-sm-small {
    padding-left: 15px !important;
  }
}
@media screen and (min-width: 640px) and (max-width: 768px) {
  .p-sm-small {
    padding-left: 10px !important;
  }
}
@media screen and (min-width: 640px) and (max-width: 640px) {
  .p-sm-small {
    padding-left: 10px !important;
  }
}
@media (min-width: 640px) {
  .p-sm-small {
    padding-right: 15px !important;
  }
}
@media screen and (min-width: 640px) and (max-width: 768px) {
  .p-sm-small {
    padding-right: 10px !important;
  }
}
@media screen and (min-width: 640px) and (max-width: 640px) {
  .p-sm-small {
    padding-right: 10px !important;
  }
}

@media (min-width: 640px) {
  .p-sm-medium {
    padding-bottom: 30px !important;
  }
}
@media screen and (min-width: 640px) and (max-width: 768px) {
  .p-sm-medium {
    padding-bottom: 20px !important;
  }
}
@media screen and (min-width: 640px) and (max-width: 640px) {
  .p-sm-medium {
    padding-bottom: 20px !important;
  }
}
@media (min-width: 640px) {
  .p-sm-medium {
    padding-top: 30px !important;
  }
}
@media screen and (min-width: 640px) and (max-width: 768px) {
  .p-sm-medium {
    padding-top: 20px !important;
  }
}
@media screen and (min-width: 640px) and (max-width: 640px) {
  .p-sm-medium {
    padding-top: 20px !important;
  }
}
@media (min-width: 640px) {
  .p-sm-medium {
    padding-left: 30px !important;
  }
}
@media screen and (min-width: 640px) and (max-width: 768px) {
  .p-sm-medium {
    padding-left: 20px !important;
  }
}
@media screen and (min-width: 640px) and (max-width: 640px) {
  .p-sm-medium {
    padding-left: 20px !important;
  }
}
@media (min-width: 640px) {
  .p-sm-medium {
    padding-right: 30px !important;
  }
}
@media screen and (min-width: 640px) and (max-width: 768px) {
  .p-sm-medium {
    padding-right: 20px !important;
  }
}
@media screen and (min-width: 640px) and (max-width: 640px) {
  .p-sm-medium {
    padding-right: 20px !important;
  }
}

@media (min-width: 640px) {
  .p-sm-large {
    padding-bottom: 60px !important;
  }
}
@media screen and (min-width: 640px) and (max-width: 768px) {
  .p-sm-large {
    padding-bottom: 40px !important;
  }
}
@media screen and (min-width: 640px) and (max-width: 640px) {
  .p-sm-large {
    padding-bottom: 40px !important;
  }
}
@media (min-width: 640px) {
  .p-sm-large {
    padding-top: 60px !important;
  }
}
@media screen and (min-width: 640px) and (max-width: 768px) {
  .p-sm-large {
    padding-top: 40px !important;
  }
}
@media screen and (min-width: 640px) and (max-width: 640px) {
  .p-sm-large {
    padding-top: 40px !important;
  }
}
@media (min-width: 640px) {
  .p-sm-large {
    padding-left: 60px !important;
  }
}
@media screen and (min-width: 640px) and (max-width: 768px) {
  .p-sm-large {
    padding-left: 40px !important;
  }
}
@media screen and (min-width: 640px) and (max-width: 640px) {
  .p-sm-large {
    padding-left: 40px !important;
  }
}
@media (min-width: 640px) {
  .p-sm-large {
    padding-right: 60px !important;
  }
}
@media screen and (min-width: 640px) and (max-width: 768px) {
  .p-sm-large {
    padding-right: 40px !important;
  }
}
@media screen and (min-width: 640px) and (max-width: 640px) {
  .p-sm-large {
    padding-right: 40px !important;
  }
}

@media (min-width: 1024px) {
  .pb-md-none {
    padding-bottom: 0 !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 768px) {
  .pb-md-none {
    padding-bottom: 0 !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 640px) {
  .pb-md-none {
    padding-bottom: 0 !important;
  }
}

@media (min-width: 1024px) {
  .pb-md-small {
    padding-bottom: 15px !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 768px) {
  .pb-md-small {
    padding-bottom: 10px !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 640px) {
  .pb-md-small {
    padding-bottom: 10px !important;
  }
}

@media (min-width: 1024px) {
  .pb-md-medium {
    padding-bottom: 30px !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 768px) {
  .pb-md-medium {
    padding-bottom: 20px !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 640px) {
  .pb-md-medium {
    padding-bottom: 20px !important;
  }
}

@media (min-width: 1024px) {
  .pb-md-large {
    padding-bottom: 60px !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 768px) {
  .pb-md-large {
    padding-bottom: 40px !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 640px) {
  .pb-md-large {
    padding-bottom: 40px !important;
  }
}

@media (min-width: 1024px) {
  .pt-md-none {
    padding-top: 0 !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 768px) {
  .pt-md-none {
    padding-top: 0 !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 640px) {
  .pt-md-none {
    padding-top: 0 !important;
  }
}

@media (min-width: 1024px) {
  .pt-md-small {
    padding-top: 15px !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 768px) {
  .pt-md-small {
    padding-top: 10px !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 640px) {
  .pt-md-small {
    padding-top: 10px !important;
  }
}

@media (min-width: 1024px) {
  .pt-md-medium {
    padding-top: 30px !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 768px) {
  .pt-md-medium {
    padding-top: 20px !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 640px) {
  .pt-md-medium {
    padding-top: 20px !important;
  }
}

@media (min-width: 1024px) {
  .pt-md-large {
    padding-top: 60px !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 768px) {
  .pt-md-large {
    padding-top: 40px !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 640px) {
  .pt-md-large {
    padding-top: 40px !important;
  }
}

@media (min-width: 1024px) {
  .pl-md-none {
    padding-left: 0 !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 768px) {
  .pl-md-none {
    padding-left: 0 !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 640px) {
  .pl-md-none {
    padding-left: 0 !important;
  }
}

@media (min-width: 1024px) {
  .pl-md-small {
    padding-left: 15px !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 768px) {
  .pl-md-small {
    padding-left: 10px !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 640px) {
  .pl-md-small {
    padding-left: 10px !important;
  }
}

@media (min-width: 1024px) {
  .pl-md-medium {
    padding-left: 30px !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 768px) {
  .pl-md-medium {
    padding-left: 20px !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 640px) {
  .pl-md-medium {
    padding-left: 20px !important;
  }
}

@media (min-width: 1024px) {
  .pl-md-large {
    padding-left: 60px !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 768px) {
  .pl-md-large {
    padding-left: 40px !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 640px) {
  .pl-md-large {
    padding-left: 40px !important;
  }
}

@media (min-width: 1024px) {
  .pr-md-none {
    padding-right: 0 !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 768px) {
  .pr-md-none {
    padding-right: 0 !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 640px) {
  .pr-md-none {
    padding-right: 0 !important;
  }
}

@media (min-width: 1024px) {
  .pr-md-small {
    padding-right: 15px !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 768px) {
  .pr-md-small {
    padding-right: 10px !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 640px) {
  .pr-md-small {
    padding-right: 10px !important;
  }
}

@media (min-width: 1024px) {
  .pr-md-medium {
    padding-right: 30px !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 768px) {
  .pr-md-medium {
    padding-right: 20px !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 640px) {
  .pr-md-medium {
    padding-right: 20px !important;
  }
}

@media (min-width: 1024px) {
  .pr-md-large {
    padding-right: 60px !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 768px) {
  .pr-md-large {
    padding-right: 40px !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 640px) {
  .pr-md-large {
    padding-right: 40px !important;
  }
}

@media (min-width: 1024px) {
  .p-md-none {
    padding-bottom: 0 !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 768px) {
  .p-md-none {
    padding-bottom: 0 !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 640px) {
  .p-md-none {
    padding-bottom: 0 !important;
  }
}
@media (min-width: 1024px) {
  .p-md-none {
    padding-top: 0 !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 768px) {
  .p-md-none {
    padding-top: 0 !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 640px) {
  .p-md-none {
    padding-top: 0 !important;
  }
}
@media (min-width: 1024px) {
  .p-md-none {
    padding-left: 0 !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 768px) {
  .p-md-none {
    padding-left: 0 !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 640px) {
  .p-md-none {
    padding-left: 0 !important;
  }
}
@media (min-width: 1024px) {
  .p-md-none {
    padding-right: 0 !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 768px) {
  .p-md-none {
    padding-right: 0 !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 640px) {
  .p-md-none {
    padding-right: 0 !important;
  }
}

@media (min-width: 1024px) {
  .p-md-small {
    padding-bottom: 15px !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 768px) {
  .p-md-small {
    padding-bottom: 10px !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 640px) {
  .p-md-small {
    padding-bottom: 10px !important;
  }
}
@media (min-width: 1024px) {
  .p-md-small {
    padding-top: 15px !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 768px) {
  .p-md-small {
    padding-top: 10px !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 640px) {
  .p-md-small {
    padding-top: 10px !important;
  }
}
@media (min-width: 1024px) {
  .p-md-small {
    padding-left: 15px !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 768px) {
  .p-md-small {
    padding-left: 10px !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 640px) {
  .p-md-small {
    padding-left: 10px !important;
  }
}
@media (min-width: 1024px) {
  .p-md-small {
    padding-right: 15px !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 768px) {
  .p-md-small {
    padding-right: 10px !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 640px) {
  .p-md-small {
    padding-right: 10px !important;
  }
}

@media (min-width: 1024px) {
  .p-md-medium {
    padding-bottom: 30px !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 768px) {
  .p-md-medium {
    padding-bottom: 20px !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 640px) {
  .p-md-medium {
    padding-bottom: 20px !important;
  }
}
@media (min-width: 1024px) {
  .p-md-medium {
    padding-top: 30px !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 768px) {
  .p-md-medium {
    padding-top: 20px !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 640px) {
  .p-md-medium {
    padding-top: 20px !important;
  }
}
@media (min-width: 1024px) {
  .p-md-medium {
    padding-left: 30px !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 768px) {
  .p-md-medium {
    padding-left: 20px !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 640px) {
  .p-md-medium {
    padding-left: 20px !important;
  }
}
@media (min-width: 1024px) {
  .p-md-medium {
    padding-right: 30px !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 768px) {
  .p-md-medium {
    padding-right: 20px !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 640px) {
  .p-md-medium {
    padding-right: 20px !important;
  }
}

@media (min-width: 1024px) {
  .p-md-large {
    padding-bottom: 60px !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 768px) {
  .p-md-large {
    padding-bottom: 40px !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 640px) {
  .p-md-large {
    padding-bottom: 40px !important;
  }
}
@media (min-width: 1024px) {
  .p-md-large {
    padding-top: 60px !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 768px) {
  .p-md-large {
    padding-top: 40px !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 640px) {
  .p-md-large {
    padding-top: 40px !important;
  }
}
@media (min-width: 1024px) {
  .p-md-large {
    padding-left: 60px !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 768px) {
  .p-md-large {
    padding-left: 40px !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 640px) {
  .p-md-large {
    padding-left: 40px !important;
  }
}
@media (min-width: 1024px) {
  .p-md-large {
    padding-right: 60px !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 768px) {
  .p-md-large {
    padding-right: 40px !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 640px) {
  .p-md-large {
    padding-right: 40px !important;
  }
}

@media (min-width: 1280px) {
  .pb-lg-none {
    padding-bottom: 0 !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 768px) {
  .pb-lg-none {
    padding-bottom: 0 !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 640px) {
  .pb-lg-none {
    padding-bottom: 0 !important;
  }
}

@media (min-width: 1280px) {
  .pb-lg-small {
    padding-bottom: 15px !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 768px) {
  .pb-lg-small {
    padding-bottom: 10px !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 640px) {
  .pb-lg-small {
    padding-bottom: 10px !important;
  }
}

@media (min-width: 1280px) {
  .pb-lg-medium {
    padding-bottom: 30px !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 768px) {
  .pb-lg-medium {
    padding-bottom: 20px !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 640px) {
  .pb-lg-medium {
    padding-bottom: 20px !important;
  }
}

@media (min-width: 1280px) {
  .pb-lg-large {
    padding-bottom: 60px !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 768px) {
  .pb-lg-large {
    padding-bottom: 40px !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 640px) {
  .pb-lg-large {
    padding-bottom: 40px !important;
  }
}

@media (min-width: 1280px) {
  .pt-lg-none {
    padding-top: 0 !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 768px) {
  .pt-lg-none {
    padding-top: 0 !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 640px) {
  .pt-lg-none {
    padding-top: 0 !important;
  }
}

@media (min-width: 1280px) {
  .pt-lg-small {
    padding-top: 15px !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 768px) {
  .pt-lg-small {
    padding-top: 10px !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 640px) {
  .pt-lg-small {
    padding-top: 10px !important;
  }
}

@media (min-width: 1280px) {
  .pt-lg-medium {
    padding-top: 30px !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 768px) {
  .pt-lg-medium {
    padding-top: 20px !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 640px) {
  .pt-lg-medium {
    padding-top: 20px !important;
  }
}

@media (min-width: 1280px) {
  .pt-lg-large {
    padding-top: 60px !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 768px) {
  .pt-lg-large {
    padding-top: 40px !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 640px) {
  .pt-lg-large {
    padding-top: 40px !important;
  }
}

@media (min-width: 1280px) {
  .pl-lg-none {
    padding-left: 0 !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 768px) {
  .pl-lg-none {
    padding-left: 0 !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 640px) {
  .pl-lg-none {
    padding-left: 0 !important;
  }
}

@media (min-width: 1280px) {
  .pl-lg-small {
    padding-left: 15px !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 768px) {
  .pl-lg-small {
    padding-left: 10px !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 640px) {
  .pl-lg-small {
    padding-left: 10px !important;
  }
}

@media (min-width: 1280px) {
  .pl-lg-medium {
    padding-left: 30px !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 768px) {
  .pl-lg-medium {
    padding-left: 20px !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 640px) {
  .pl-lg-medium {
    padding-left: 20px !important;
  }
}

@media (min-width: 1280px) {
  .pl-lg-large {
    padding-left: 60px !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 768px) {
  .pl-lg-large {
    padding-left: 40px !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 640px) {
  .pl-lg-large {
    padding-left: 40px !important;
  }
}

@media (min-width: 1280px) {
  .pr-lg-none {
    padding-right: 0 !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 768px) {
  .pr-lg-none {
    padding-right: 0 !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 640px) {
  .pr-lg-none {
    padding-right: 0 !important;
  }
}

@media (min-width: 1280px) {
  .pr-lg-small {
    padding-right: 15px !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 768px) {
  .pr-lg-small {
    padding-right: 10px !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 640px) {
  .pr-lg-small {
    padding-right: 10px !important;
  }
}

@media (min-width: 1280px) {
  .pr-lg-medium {
    padding-right: 30px !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 768px) {
  .pr-lg-medium {
    padding-right: 20px !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 640px) {
  .pr-lg-medium {
    padding-right: 20px !important;
  }
}

@media (min-width: 1280px) {
  .pr-lg-large {
    padding-right: 60px !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 768px) {
  .pr-lg-large {
    padding-right: 40px !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 640px) {
  .pr-lg-large {
    padding-right: 40px !important;
  }
}

@media (min-width: 1280px) {
  .p-lg-none {
    padding-bottom: 0 !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 768px) {
  .p-lg-none {
    padding-bottom: 0 !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 640px) {
  .p-lg-none {
    padding-bottom: 0 !important;
  }
}
@media (min-width: 1280px) {
  .p-lg-none {
    padding-top: 0 !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 768px) {
  .p-lg-none {
    padding-top: 0 !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 640px) {
  .p-lg-none {
    padding-top: 0 !important;
  }
}
@media (min-width: 1280px) {
  .p-lg-none {
    padding-left: 0 !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 768px) {
  .p-lg-none {
    padding-left: 0 !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 640px) {
  .p-lg-none {
    padding-left: 0 !important;
  }
}
@media (min-width: 1280px) {
  .p-lg-none {
    padding-right: 0 !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 768px) {
  .p-lg-none {
    padding-right: 0 !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 640px) {
  .p-lg-none {
    padding-right: 0 !important;
  }
}

@media (min-width: 1280px) {
  .p-lg-small {
    padding-bottom: 15px !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 768px) {
  .p-lg-small {
    padding-bottom: 10px !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 640px) {
  .p-lg-small {
    padding-bottom: 10px !important;
  }
}
@media (min-width: 1280px) {
  .p-lg-small {
    padding-top: 15px !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 768px) {
  .p-lg-small {
    padding-top: 10px !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 640px) {
  .p-lg-small {
    padding-top: 10px !important;
  }
}
@media (min-width: 1280px) {
  .p-lg-small {
    padding-left: 15px !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 768px) {
  .p-lg-small {
    padding-left: 10px !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 640px) {
  .p-lg-small {
    padding-left: 10px !important;
  }
}
@media (min-width: 1280px) {
  .p-lg-small {
    padding-right: 15px !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 768px) {
  .p-lg-small {
    padding-right: 10px !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 640px) {
  .p-lg-small {
    padding-right: 10px !important;
  }
}

@media (min-width: 1280px) {
  .p-lg-medium {
    padding-bottom: 30px !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 768px) {
  .p-lg-medium {
    padding-bottom: 20px !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 640px) {
  .p-lg-medium {
    padding-bottom: 20px !important;
  }
}
@media (min-width: 1280px) {
  .p-lg-medium {
    padding-top: 30px !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 768px) {
  .p-lg-medium {
    padding-top: 20px !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 640px) {
  .p-lg-medium {
    padding-top: 20px !important;
  }
}
@media (min-width: 1280px) {
  .p-lg-medium {
    padding-left: 30px !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 768px) {
  .p-lg-medium {
    padding-left: 20px !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 640px) {
  .p-lg-medium {
    padding-left: 20px !important;
  }
}
@media (min-width: 1280px) {
  .p-lg-medium {
    padding-right: 30px !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 768px) {
  .p-lg-medium {
    padding-right: 20px !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 640px) {
  .p-lg-medium {
    padding-right: 20px !important;
  }
}

@media (min-width: 1280px) {
  .p-lg-large {
    padding-bottom: 60px !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 768px) {
  .p-lg-large {
    padding-bottom: 40px !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 640px) {
  .p-lg-large {
    padding-bottom: 40px !important;
  }
}
@media (min-width: 1280px) {
  .p-lg-large {
    padding-top: 60px !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 768px) {
  .p-lg-large {
    padding-top: 40px !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 640px) {
  .p-lg-large {
    padding-top: 40px !important;
  }
}
@media (min-width: 1280px) {
  .p-lg-large {
    padding-left: 60px !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 768px) {
  .p-lg-large {
    padding-left: 40px !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 640px) {
  .p-lg-large {
    padding-left: 40px !important;
  }
}
@media (min-width: 1280px) {
  .p-lg-large {
    padding-right: 60px !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 768px) {
  .p-lg-large {
    padding-right: 40px !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 640px) {
  .p-lg-large {
    padding-right: 40px !important;
  }
}

@media (min-width: 1440px) {
  .pb-xl-none {
    padding-bottom: 0 !important;
  }
}
@media screen and (min-width: 1440px) and (max-width: 768px) {
  .pb-xl-none {
    padding-bottom: 0 !important;
  }
}
@media screen and (min-width: 1440px) and (max-width: 640px) {
  .pb-xl-none {
    padding-bottom: 0 !important;
  }
}

@media (min-width: 1440px) {
  .pb-xl-small {
    padding-bottom: 15px !important;
  }
}
@media screen and (min-width: 1440px) and (max-width: 768px) {
  .pb-xl-small {
    padding-bottom: 10px !important;
  }
}
@media screen and (min-width: 1440px) and (max-width: 640px) {
  .pb-xl-small {
    padding-bottom: 10px !important;
  }
}

@media (min-width: 1440px) {
  .pb-xl-medium {
    padding-bottom: 30px !important;
  }
}
@media screen and (min-width: 1440px) and (max-width: 768px) {
  .pb-xl-medium {
    padding-bottom: 20px !important;
  }
}
@media screen and (min-width: 1440px) and (max-width: 640px) {
  .pb-xl-medium {
    padding-bottom: 20px !important;
  }
}

@media (min-width: 1440px) {
  .pb-xl-large {
    padding-bottom: 60px !important;
  }
}
@media screen and (min-width: 1440px) and (max-width: 768px) {
  .pb-xl-large {
    padding-bottom: 40px !important;
  }
}
@media screen and (min-width: 1440px) and (max-width: 640px) {
  .pb-xl-large {
    padding-bottom: 40px !important;
  }
}

@media (min-width: 1440px) {
  .pt-xl-none {
    padding-top: 0 !important;
  }
}
@media screen and (min-width: 1440px) and (max-width: 768px) {
  .pt-xl-none {
    padding-top: 0 !important;
  }
}
@media screen and (min-width: 1440px) and (max-width: 640px) {
  .pt-xl-none {
    padding-top: 0 !important;
  }
}

@media (min-width: 1440px) {
  .pt-xl-small {
    padding-top: 15px !important;
  }
}
@media screen and (min-width: 1440px) and (max-width: 768px) {
  .pt-xl-small {
    padding-top: 10px !important;
  }
}
@media screen and (min-width: 1440px) and (max-width: 640px) {
  .pt-xl-small {
    padding-top: 10px !important;
  }
}

@media (min-width: 1440px) {
  .pt-xl-medium {
    padding-top: 30px !important;
  }
}
@media screen and (min-width: 1440px) and (max-width: 768px) {
  .pt-xl-medium {
    padding-top: 20px !important;
  }
}
@media screen and (min-width: 1440px) and (max-width: 640px) {
  .pt-xl-medium {
    padding-top: 20px !important;
  }
}

@media (min-width: 1440px) {
  .pt-xl-large {
    padding-top: 60px !important;
  }
}
@media screen and (min-width: 1440px) and (max-width: 768px) {
  .pt-xl-large {
    padding-top: 40px !important;
  }
}
@media screen and (min-width: 1440px) and (max-width: 640px) {
  .pt-xl-large {
    padding-top: 40px !important;
  }
}

@media (min-width: 1440px) {
  .pl-xl-none {
    padding-left: 0 !important;
  }
}
@media screen and (min-width: 1440px) and (max-width: 768px) {
  .pl-xl-none {
    padding-left: 0 !important;
  }
}
@media screen and (min-width: 1440px) and (max-width: 640px) {
  .pl-xl-none {
    padding-left: 0 !important;
  }
}

@media (min-width: 1440px) {
  .pl-xl-small {
    padding-left: 15px !important;
  }
}
@media screen and (min-width: 1440px) and (max-width: 768px) {
  .pl-xl-small {
    padding-left: 10px !important;
  }
}
@media screen and (min-width: 1440px) and (max-width: 640px) {
  .pl-xl-small {
    padding-left: 10px !important;
  }
}

@media (min-width: 1440px) {
  .pl-xl-medium {
    padding-left: 30px !important;
  }
}
@media screen and (min-width: 1440px) and (max-width: 768px) {
  .pl-xl-medium {
    padding-left: 20px !important;
  }
}
@media screen and (min-width: 1440px) and (max-width: 640px) {
  .pl-xl-medium {
    padding-left: 20px !important;
  }
}

@media (min-width: 1440px) {
  .pl-xl-large {
    padding-left: 60px !important;
  }
}
@media screen and (min-width: 1440px) and (max-width: 768px) {
  .pl-xl-large {
    padding-left: 40px !important;
  }
}
@media screen and (min-width: 1440px) and (max-width: 640px) {
  .pl-xl-large {
    padding-left: 40px !important;
  }
}

@media (min-width: 1440px) {
  .pr-xl-none {
    padding-right: 0 !important;
  }
}
@media screen and (min-width: 1440px) and (max-width: 768px) {
  .pr-xl-none {
    padding-right: 0 !important;
  }
}
@media screen and (min-width: 1440px) and (max-width: 640px) {
  .pr-xl-none {
    padding-right: 0 !important;
  }
}

@media (min-width: 1440px) {
  .pr-xl-small {
    padding-right: 15px !important;
  }
}
@media screen and (min-width: 1440px) and (max-width: 768px) {
  .pr-xl-small {
    padding-right: 10px !important;
  }
}
@media screen and (min-width: 1440px) and (max-width: 640px) {
  .pr-xl-small {
    padding-right: 10px !important;
  }
}

@media (min-width: 1440px) {
  .pr-xl-medium {
    padding-right: 30px !important;
  }
}
@media screen and (min-width: 1440px) and (max-width: 768px) {
  .pr-xl-medium {
    padding-right: 20px !important;
  }
}
@media screen and (min-width: 1440px) and (max-width: 640px) {
  .pr-xl-medium {
    padding-right: 20px !important;
  }
}

@media (min-width: 1440px) {
  .pr-xl-large {
    padding-right: 60px !important;
  }
}
@media screen and (min-width: 1440px) and (max-width: 768px) {
  .pr-xl-large {
    padding-right: 40px !important;
  }
}
@media screen and (min-width: 1440px) and (max-width: 640px) {
  .pr-xl-large {
    padding-right: 40px !important;
  }
}

@media (min-width: 1440px) {
  .p-xl-none {
    padding-bottom: 0 !important;
  }
}
@media screen and (min-width: 1440px) and (max-width: 768px) {
  .p-xl-none {
    padding-bottom: 0 !important;
  }
}
@media screen and (min-width: 1440px) and (max-width: 640px) {
  .p-xl-none {
    padding-bottom: 0 !important;
  }
}
@media (min-width: 1440px) {
  .p-xl-none {
    padding-top: 0 !important;
  }
}
@media screen and (min-width: 1440px) and (max-width: 768px) {
  .p-xl-none {
    padding-top: 0 !important;
  }
}
@media screen and (min-width: 1440px) and (max-width: 640px) {
  .p-xl-none {
    padding-top: 0 !important;
  }
}
@media (min-width: 1440px) {
  .p-xl-none {
    padding-left: 0 !important;
  }
}
@media screen and (min-width: 1440px) and (max-width: 768px) {
  .p-xl-none {
    padding-left: 0 !important;
  }
}
@media screen and (min-width: 1440px) and (max-width: 640px) {
  .p-xl-none {
    padding-left: 0 !important;
  }
}
@media (min-width: 1440px) {
  .p-xl-none {
    padding-right: 0 !important;
  }
}
@media screen and (min-width: 1440px) and (max-width: 768px) {
  .p-xl-none {
    padding-right: 0 !important;
  }
}
@media screen and (min-width: 1440px) and (max-width: 640px) {
  .p-xl-none {
    padding-right: 0 !important;
  }
}

@media (min-width: 1440px) {
  .p-xl-small {
    padding-bottom: 15px !important;
  }
}
@media screen and (min-width: 1440px) and (max-width: 768px) {
  .p-xl-small {
    padding-bottom: 10px !important;
  }
}
@media screen and (min-width: 1440px) and (max-width: 640px) {
  .p-xl-small {
    padding-bottom: 10px !important;
  }
}
@media (min-width: 1440px) {
  .p-xl-small {
    padding-top: 15px !important;
  }
}
@media screen and (min-width: 1440px) and (max-width: 768px) {
  .p-xl-small {
    padding-top: 10px !important;
  }
}
@media screen and (min-width: 1440px) and (max-width: 640px) {
  .p-xl-small {
    padding-top: 10px !important;
  }
}
@media (min-width: 1440px) {
  .p-xl-small {
    padding-left: 15px !important;
  }
}
@media screen and (min-width: 1440px) and (max-width: 768px) {
  .p-xl-small {
    padding-left: 10px !important;
  }
}
@media screen and (min-width: 1440px) and (max-width: 640px) {
  .p-xl-small {
    padding-left: 10px !important;
  }
}
@media (min-width: 1440px) {
  .p-xl-small {
    padding-right: 15px !important;
  }
}
@media screen and (min-width: 1440px) and (max-width: 768px) {
  .p-xl-small {
    padding-right: 10px !important;
  }
}
@media screen and (min-width: 1440px) and (max-width: 640px) {
  .p-xl-small {
    padding-right: 10px !important;
  }
}

@media (min-width: 1440px) {
  .p-xl-medium {
    padding-bottom: 30px !important;
  }
}
@media screen and (min-width: 1440px) and (max-width: 768px) {
  .p-xl-medium {
    padding-bottom: 20px !important;
  }
}
@media screen and (min-width: 1440px) and (max-width: 640px) {
  .p-xl-medium {
    padding-bottom: 20px !important;
  }
}
@media (min-width: 1440px) {
  .p-xl-medium {
    padding-top: 30px !important;
  }
}
@media screen and (min-width: 1440px) and (max-width: 768px) {
  .p-xl-medium {
    padding-top: 20px !important;
  }
}
@media screen and (min-width: 1440px) and (max-width: 640px) {
  .p-xl-medium {
    padding-top: 20px !important;
  }
}
@media (min-width: 1440px) {
  .p-xl-medium {
    padding-left: 30px !important;
  }
}
@media screen and (min-width: 1440px) and (max-width: 768px) {
  .p-xl-medium {
    padding-left: 20px !important;
  }
}
@media screen and (min-width: 1440px) and (max-width: 640px) {
  .p-xl-medium {
    padding-left: 20px !important;
  }
}
@media (min-width: 1440px) {
  .p-xl-medium {
    padding-right: 30px !important;
  }
}
@media screen and (min-width: 1440px) and (max-width: 768px) {
  .p-xl-medium {
    padding-right: 20px !important;
  }
}
@media screen and (min-width: 1440px) and (max-width: 640px) {
  .p-xl-medium {
    padding-right: 20px !important;
  }
}

@media (min-width: 1440px) {
  .p-xl-large {
    padding-bottom: 60px !important;
  }
}
@media screen and (min-width: 1440px) and (max-width: 768px) {
  .p-xl-large {
    padding-bottom: 40px !important;
  }
}
@media screen and (min-width: 1440px) and (max-width: 640px) {
  .p-xl-large {
    padding-bottom: 40px !important;
  }
}
@media (min-width: 1440px) {
  .p-xl-large {
    padding-top: 60px !important;
  }
}
@media screen and (min-width: 1440px) and (max-width: 768px) {
  .p-xl-large {
    padding-top: 40px !important;
  }
}
@media screen and (min-width: 1440px) and (max-width: 640px) {
  .p-xl-large {
    padding-top: 40px !important;
  }
}
@media (min-width: 1440px) {
  .p-xl-large {
    padding-left: 60px !important;
  }
}
@media screen and (min-width: 1440px) and (max-width: 768px) {
  .p-xl-large {
    padding-left: 40px !important;
  }
}
@media screen and (min-width: 1440px) and (max-width: 640px) {
  .p-xl-large {
    padding-left: 40px !important;
  }
}
@media (min-width: 1440px) {
  .p-xl-large {
    padding-right: 60px !important;
  }
}
@media screen and (min-width: 1440px) and (max-width: 768px) {
  .p-xl-large {
    padding-right: 40px !important;
  }
}
@media screen and (min-width: 1440px) and (max-width: 640px) {
  .p-xl-large {
    padding-right: 40px !important;
  }
}

/* ------------------------
------- Forms -------------
------------------------ */
.nlsg-c-form-element {
  width: 100%;
  float: left;
}
.nlsg-c-form-element--no-margin {
  margin: 0 !important;
  max-width: 390px;
}

/* ------------------------
------- Typography --------
------------------------ */
/**
 * @license
 * MyFonts Webfont Build ID 3491595, 2017-12-01T03:36:55-0500
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: FF Mark Web Pro Regular by FontFont
 * URL: https://www.myfonts.com/fonts/fontfont/mark/pro-regular/
 * Copyright: 2016 published by Monotype GmbH
 * 
 * Webfont: FF Mark Web Pro Italic by FontFont
 * URL: https://www.myfonts.com/fonts/fontfont/mark/pro-italic/
 * Copyright: 2013 published by FontShop International GmbH
 * 
 * Webfont: FF Mark Web Pro Medium by FontFont
 * URL: https://www.myfonts.com/fonts/fontfont/mark/pro-medium/
 * Copyright: 2013 published by FontShop International GmbH
 * 
 * License: https://www.myfonts.com/viewlicense?type=web&buildid=3491595
 * Licensed pageviews: 50,000
 * 
 * © 2017 MyFonts Inc
*/
/* @import must be at top of file, otherwise CSS will not work */
@font-face {
  font-family: "LibreFranklin-Regular";
  src: url(/assets/fonts/LibreFranklin-Regular.eot);
  src: url(/assets/fonts/LibreFranklin-Regular.eot?#iefix) format("embedded-opentype"), url(/assets/fonts/LibreFranklin-Regular.woff2) format("woff2"), url(/assets/fonts/LibreFranklin-Regular.woff) format("woff"), url(/assets/fonts/LibreFranklin-Regular.ttf) format("truetype");
}
@font-face {
  font-family: "LibreFranklin-Italic";
  src: url(/assets/fonts/LibreFranklin-Italic.eot);
  src: url(/assets/fonts/LibreFranklin-Italic.eot?#iefix) format("embedded-opentype"), url(/assets/fonts/LibreFranklin-Italic.woff2) format("woff2"), url(/assets/fonts/LibreFranklin-Italic.woff) format("woff"), url(/assets/fonts/LibreFranklin-Italic.ttf) format("truetype");
}
@font-face {
  font-family: "LibreFranklin-Medium";
  src: url(/assets/fonts/LibreFranklin-Medium.eot);
  src: url(/assets/fonts/LibreFranklin-Medium.eot?#iefix) format("embedded-opentype"), url(/assets/fonts/LibreFranklin-Medium.woff2) format("woff2"), url(/assets/fonts/LibreFranklin-Medium.woff) format("woff"), url(/assets/fonts/LibreFranklin-Medium.ttf) format("truetype");
}
/* styles */
body,
html,
input,
textarea,
keygen,
select,
button {
  /* style | size | family */
  font-family: "LibreFranklin-Regular", Helvetica, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  font-size: 16px;
  font-feature-settings: "liga" off, "clig" off;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
  padding: 0;
  font-weight: normal;
  color: #333;
  line-height: 1.25;
  font-family: "LibreFranklin-Regular", Helvetica, sans-serif;
  margin-bottom: 15px;
}
@media screen and (max-width: 768px) {
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  p {
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 640px) {
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  p {
    margin-bottom: 10px;
  }
}

.p1-medium {
  align-self: stretch;
  color: var(--Brand-refresh-neutral-800, var(--colour-neutral-800, #313433));
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px; /* 150% */
}

.p2, .p2-medium, .p2-semi-bold {
  color: var(--Colour-State-Font-deafult-label, #1d1f1e);
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 24px; /* 171.429% */
}
.p2-currency {
  color: var(--Colour-State-Font-deafult-label, #1d1f1e);
  text-align: right;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px; /* 171.429% */
}
.p2-semi-bold { /* Typography/p2/semi bold */
  font-weight: 600;
}
.p2-medium { /* Typography/p2/medium */
  font-weight: 500;
}

.p3 {
  align-self: stretch;
  text-align: center;
  color: var(--Brand-refresh-neutral-500, #8d9491);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px; /* 133.333% */
}
.p3--footer {
  text-align: left;
  align-self: stretch;
  color: var(--Brand-refresh-neutral-800, var(--colour-neutral-800, #313433));
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px; /* 133.333% */
}

.label-small-regular {
  color: var(--Brand-refresh-neutral-800, var(--colour-neutral-800, #313433));
  text-align: center;
  font-size: 10px;
  font-style: normal;
  font-weight: 400;
  line-height: var(--font-line-height-th-1, 16px); /* 160% */
}

.label-large-regular {
  color: var(--Brand-refresh-neutral-800, var(--colour-neutral-800, #313433));
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5rem; /* 133.333% */
}

h1 {
  font-size: 3.75rem;
  margin-left: -0.3rem;
}
@media screen and (max-width: 768px) {
  h1 {
    font-size: 2.5rem;
    margin-left: -0.1rem;
  }
}
@media screen and (max-width: 640px) {
  h1 {
    font-size: 1.875rem;
    margin-left: 0.01rem;
  }
}

h2 {
  font-size: 2.5rem;
  font-family: "LibreFranklin-Medium", Helvetica, sans-serif;
}
@media screen and (max-width: 768px) {
  h2 {
    font-size: 1.875rem;
  }
}
@media screen and (max-width: 640px) {
  h2 {
    font-size: 1.625rem;
  }
}

h3 {
  font-size: 1.875rem;
  color: #666;
}
@media screen and (max-width: 768px) {
  h3 {
    font-size: 1.625rem;
  }
}
@media screen and (max-width: 640px) {
  h3 {
    font-size: 1.5rem;
  }
}

h4 {
  font-size: 1.75rem;
  font-family: "LibreFranklin-Medium", Helvetica, sans-serif;
}
@media screen and (max-width: 768px) {
  h4 {
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 640px) {
  h4 {
    font-size: 1.375rem;
  }
}

h5 {
  font-size: 1.375rem;
  font-family: "LibreFranklin-Medium", Helvetica, sans-serif;
}
@media screen and (max-width: 768px) {
  h5 {
    font-size: 1.375rem;
  }
}
@media screen and (max-width: 640px) {
  h5 {
    font-size: 1.25rem;
  }
}

h6 {
  font-size: 1.25rem;
}
@media screen and (max-width: 768px) {
  h6 {
    font-size: 1.25rem;
  }
}
@media screen and (max-width: 640px) {
  h6 {
    font-size: 1.125rem;
  }
}

p {
  font-size: 1rem;
  line-height: 1.5;
}

label {
  font-size: 0.875rem;
  display: inline-block;
  line-height: 1;
  margin-bottom: 5px;
}

b {
  font-weight: 600;
}

code {
  color: #78be20;
  font-family: monospace, monospace;
}

.note-in-table {
  font-size: 13px;
}

/* Classes */
.nlsg-c-text--regular {
  font-family: "LibreFranklin-Regular", Helvetica, sans-serif;
}

.nlsg-c-text--italic {
  font-family: "LibreFranklin-Italic", Helvetica, sans-serif;
}

.nlsg-c-text--medium {
  font-family: "LibreFranklin-Medium", Helvetica, sans-serif;
}

.nlsg-c-text-transform--none {
  text-transform: none;
}

.nlsg-c-text-transform--capitalize {
  text-transform: capitalize;
}

.nlsg-c-text-transform--lowercase {
  text-transform: lowercase;
}

.nlsg-c-text-transform--uppercase {
  text-transform: uppercase;
}

.nlsg-heading {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1rem;
}

.p-error {
  color: #D22630;
}

/* ------------------------
------- Colours -----------
------------------------ */
/* Backgrounds */
.bg-heritage {
  background-color: #115740 !important;
}

.bg-primary {
  background-color: #0C8450 !important;
}

.bg-secondary {
  background-color: #009639;
}

.bg-tertiary {
  background-color: #78be20;
}

.bg-dark-grey {
  background-color: #333;
}

.bg-medium-grey {
  background-color: #666;
}

.bg-light-grey {
  background-color: #bbb;
}

.bg-very-light-grey {
  background-color: #eee;
}

.bg-light-grey-disabled {
  background-color: #d7d7d7;
}

.bg-almost-white {
  background-color: #f7f7f7;
}

.bg-white {
  background-color: #fff;
}

.bg-black {
  background-color: #3f3f3f !important;
}

.bg-accent-teal {
  background-color: #00F2A2;
}

.bg-accent-apple {
  background-color: #78be20;
}

.bg-accent-lime {
  background-color: #cedc00;
}

.bg-deep-red {
  background-color: #aa2930;
}

.bg-warning-red {
  background-color: #d22630;
}

.bg-warning-orange {
  background-color: #f2a900;
}

.bg-black-alpha {
  background-color: #3f3f3f;
}

/* Background shades */
.bg-heritage-light-80 {
  background-color: #427866 !important;
}

.bg-heritage-light-50 {
  background-color: #89aba0 !important;
}

.bg-heritage-light-20 {
  background-color: #d0ddd9 !important;
}

.bg-primary-light-80 {
  background-color: #388268 !important;
}

.bg-primary-light-50 {
  background-color: #84b1a1 !important;
}

.bg-primary-light-20 {
  background-color: #cee0d9 !important;
}

.bg-secondary-light-80 {
  background-color: #3eab62 !important;
}

.bg-secondary-light-50 {
  background-color: #88cb9e !important;
}

.bg-secondary-light-20 {
  background-color: #cfead8 !important;
}

.bg-tertiary-light-80 {
  background-color: #94cb53 !important;
}

.bg-tertiary-light-50 {
  background-color: #bcdf95 !important;
}

.bg-tertiary-light-20 {
  background-color: #E4F2D2 !important;
}

.bg-accent-teal-light-80 {
  background-color: #42c1ba !important;
}

.bg-accent-teal-light-50 {
  background-color: #8ad9d4 !important;
}

.bg-accent-teal-light-20 {
  background-color: #d0f0ee !important;
}

.bg-accent-lime-light-80 {
  background-color: #d8e34c !important;
}

.bg-accent-lime-light-50 {
  background-color: #e7ee92 !important;
}

.bg-accent-lime-light-20 {
  background-color: #f5f9d3 !important;
}

.bg-deep-red-light-80 {
  background-color: #bb545a !important;
}

.bg-deep-red-light-50 {
  background-color: #d59598 !important;
}

.bg-deep-red-light-20 {
  background-color: #efd5d6 !important;
}

.bg-warning-red-light-80 {
  background-color: #db535a !important;
}

.bg-warning-red-light-50 {
  background-color: #ea9399 !important;
}

.bg-warning-red-light-20 {
  background-color: #f7d4d7 !important;
}

.bg-warning-orange-light-80 {
  background-color: #f4ba48 !important;
}

.bg-warning-orange-light-50 {
  background-color: #f9d590 !important;
}

.bg-warning-orange-light-20 {
  background-color: #fceed3 !important;
}

.bg-confetti-1 {
  background-color: #b2e0c4 !important;
}

.bg-confetti-2 {
  background-color: #99d5b0 !important;
}

.bg-confetti-3 {
  background-color: #7fcb9c !important;
}

.bg-confetti-4 {
  background-color: #66c089 !important;
}

.bg-black-alpha {
  background-color: #3f3f3f;
}

/* Font */
.f-primary {
  color: #0C8450 !important;
}

.f-secondary {
  color: #009639;
}

.f-dark-grey {
  color: #333 !important;
}

.f-medium-grey {
  color: #666;
}

.f-light-grey {
  color: #bbb;
}

.f-light-grey-disabled {
  color: #d7d7d7;
}

.f-very-light-grey {
  color: #eee;
}

.f-almost-white {
  color: #0C8450;
}

.f-white {
  color: #fff !important;
}

.f-black {
  color: #3f3f3f;
}

.f-accent-teal {
  color: #00F2A2;
}

.f-accent-apple {
  color: #78be20;
}

.f-accent-lime {
  color: #cedc00;
}

.f-warning-red {
  color: #d22630;
}

.f-warning-orange {
  color: #f2a900;
}

/* Font colors for primary shades */
.f-primary-900 {
  color: #032416 !important;
}

.f-primary-800 {
  color: #053C25 !important;
}

.f-primary-700 {
  color: #09603A !important;
}

.f-primary-600 {
  color: #0C8450 !important;
}

.f-primary-500 {
  color: #10A867 !important;
}

.f-primary-400 {
  color: #15E88C !important;
}

.f-primary-300 {
  color: #51EFAB !important;
}

.f-primary-200 {
  color: #7BF3BF !important;
}

.f-primary-100 {
  color: #BDF9DF !important;
}

.f-primary-50 {
  color: #E6FDF3 !important;
}

.f-primary-25 {
  color: #F3FEF9 !important;
}

/* Font colors for neutral shades */
.f-neutral-900 {
  color: #1D1F1E !important;
}

.f-neutral-black-98 {
  color: #242422 !important;
}

.f-neutral-black-95 {
  color: #2E2D2C !important;
}

.f-neutral-800 {
  color: #313433 !important;
}

.f-neutral-700 {
  color: #4F5452 !important;
}

.f-neutral-600 {
  color: #6D7571 !important;
}

.f-neutral-500 {
  color: #8D9491 !important;
}

.f-neutral-400 {
  color: #C8CCCA !important;
}

.f-neutral-300 {
  color: #D2D5D3 !important;
}

.f-neutral-200 {
  color: #DADDDB !important;
}

.f-neutral-100 {
  color: #EBECEB !important;
}

.f-neutral-50 {
  color: #F8F8F8 !important;
}

/* Font colors for info shades */
.f-info-900 {
  color: #052036 !important;
}

.f-info-800 {
  color: #083559 !important;
}

.f-info-700 {
  color: #0E568F !important;
}

.f-info-600 {
  color: #1376C5 !important;
}

.f-info-500 {
  color: #2F98EB !important;
}

.f-info-400 {
  color: #A2D1F6 !important;
}

.f-info-300 {
  color: #B2D9F8 !important;
}

.f-info-200 {
  color: #C2E1F9 !important;
}

.f-info-100 {
  color: #DCEEFC !important;
}

.f-info-50 {
  color: #F2F9FE !important;
}

.f-info-25 {
  color: #F9FCFE !important;
}

/* Font colors for warning shades */
.f-warning-900 {
  color: #351602 !important;
}

.f-warning-800 {
  color: #572503 !important;
}

.f-warning-700 {
  color: #8C3B05 !important;
}

.f-warning-600 {
  color: #C05107 !important;
}

.f-warning-500 {
  color: #F36809 !important;
}

.f-warning-400 {
  color: #FCC304 !important;
}

.f-warning-300 {
  color: #FDD003 !important;
}

.f-warning-200 {
  color: #FEDC03 !important;
}

.f-warning-100 {
  color: #FEED81 !important;
}

.f-warning-50 {
  color: #FFF8CD !important;
}

.f-warning-25 {
  color: #FFFBE6 !important;
}

/* Font colors for danger shades */
.f-danger-900 {
  color: #410806 !important;
}

.f-danger-800 {
  color: #6A0E0A !important;
}

.f-danger-700 {
  color: #A61510 !important;
}

.f-danger-600 {
  color: #E21D16 !important;
}

.f-danger-500 {
  color: #F06762 !important;
}

.f-danger-400 {
  color: #F8BCBA !important;
}

.f-danger-300 {
  color: #FAC9C7 !important;
}

.f-danger-200 {
  color: #FBD3D2 !important;
}

.f-danger-100 {
  color: #FDE6E6 !important;
}

.f-danger-50 {
  color: #FEF5F4 !important;
}

.f-danger-25 {
  color: #FEFAFA !important;
}

.nlsg-c-card {
  width: 100%;
  background: #fff;
}
.nlsg-c-card__block {
  width: 90%;
  height: 7.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.3s;
}
.nlsg-c-card__block.bg-white, .nlsg-c-card__block.bg-very-light-grey, .nlsg-c-card__block.bg-almost-white {
  border: 1px solid #bbb;
}
.nlsg-c-card__block.bg-white button, .nlsg-c-card__block.bg-very-light-grey button, .nlsg-c-card__block.bg-almost-white button {
  color: #666;
  border: 1px solid #666;
}
.nlsg-c-card__block.bg-very-light-grey, .nlsg-c-card__block.bg-almost-white {
  border: none;
}
.nlsg-c-card__block button {
  color: #fff;
  font-size: 0.7rem;
  text-align: center;
  background-color: transparent;
  cursor: pointer;
  border: 1px solid #fff;
  padding: 0.5rem;
  transition: 0.3s;
  opacity: 0;
}
.nlsg-c-card__block:hover, .nlsg-c-card__block:focus, .nlsg-c-card__block:active {
  box-shadow: 0 12px 12px -10px rgba(0, 0, 0, 0.5);
  transform: scale(1.1);
}
.nlsg-c-card__block:hover button, .nlsg-c-card__block:focus button, .nlsg-c-card__block:active button {
  transform: none;
  opacity: 1;
}
.nlsg-c-card__title {
  font-size: 1rem;
  font-weight: 700;
}
.nlsg-c-card__title span {
  display: block;
  margin-top: 0.3rem;
  font-weight: normal;
}

.hexval {
  float: left;
  cursor: pointer;
  width: 16.5%;
}

/* ------------------------
------- Buttons -----------
------------------------ */
.nlsg-c-button {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #009639;
  width: 100%;
  max-width: 24.375rem;
  min-height: 2.5rem;
  height: 3.25rem;
  margin-bottom: 30px;
  border-radius: 0.25rem;
  border: 2px solid #009639;
  min-width: 200px;
  font-family: "LibreFranklin-Medium", Helvetica, sans-serif;
  font-size: 1rem;
  text-align: center;
  color: #fff;
  cursor: pointer;
  transition-duration: 0.2s;
  transition-property: color, background, border;
  /* Small */
  /* Large */
  /* Secondary */
  /* Spinner */
  /* Icon button */
}
@media screen and (max-width: 768px) {
  .nlsg-c-button {
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 640px) {
  .nlsg-c-button {
    margin-bottom: 20px;
  }
}
.nlsg-c-button:focus {
  outline: none;
  color: #fff;
  background: #006341;
  text-decoration: none;
  border: 2px solid transparent;
}
.nlsg-c-button:hover {
  color: #fff;
  background: #006341;
  text-decoration: none;
  border: 2px solid transparent;
}
.nlsg-c-button.hovered {
  color: #fff;
  background: #006341;
  text-decoration: none;
  border: 2px solid transparent;
}
.nlsg-c-button:disabled, .nlsg-c-button[disabled] {
  background: #d7d7d7;
  border: 2px solid #d7d7d7;
  cursor: not-allowed;
}
.nlsg-c-button--small {
  height: 2.5rem;
}
.nlsg-c-button--large {
  height: 3.125rem;
  font-size: 1.125rem;
}
.nlsg-c-button--secondary {
  background: #fff;
  color: #009639;
}
.nlsg-c-button--secondary:hover {
  color: #fff;
  background: #006341;
  border: 2px solid transparent;
}
.nlsg-c-button--secondary.hovered {
  color: #fff;
  background: #006341;
  border: 2px solid transparent;
}
.nlsg-c-button--secondary:disabled, .nlsg-c-button--secondary[disabled] {
  background: #fff;
  border: 2px solid #d7d7d7;
  color: #d7d7d7;
  cursor: not-allowed;
}
.nlsg-c-button--secondary--link {
  color: #009639 !important;
}
.nlsg-c-button--secondary--link:disabled, .nlsg-c-button--secondary--link[disabled] {
  background: #fff;
  border: 2px solid #d7d7d7;
  color: #d7d7d7 !important;
  cursor: not-allowed;
}
.nlsg-c-button--secondary--link:hover {
  color: #fff;
}
.nlsg-c-button--spinner {
  display: flex;
  justify-content: center;
  align-items: center;
}
.nlsg-c-button--spinner .nlsg-c-spinner-wrapper__spinner {
  width: 1.5rem;
  height: 1.5rem;
}
.nlsg-c-button--spinner .nlsg-c-spinner-wrapper__spinner circle {
  stroke-width: 6;
}
.nlsg-c-button--spinner:hover {
  color: initial;
  background: #009639 !important;
  border: initial;
}
.nlsg-c-button--spinner.nlsg-c-button--secondary {
  background: #fff;
  color: #009639;
}
.nlsg-c-button--spinner.nlsg-c-button--secondary:hover {
  color: initial;
  background: #fff !important;
  border: 2px solid #009639;
}
.nlsg-c-button--spinner span {
  padding-left: 1rem;
}
.nlsg-c-button.nlsg-icon--button {
  cursor: pointer;
  border: none;
}
.nlsg-c-button.nlsg-icon--button::before {
  position: relative;
  top: 3px;
  right: 5px;
  left: -2px;
}
.nlsg-c-button.nlsg-icon--button:disabled, .nlsg-c-button.nlsg-icon--button[disabled] {
  background: #fff;
  color: #d7d7d7;
  cursor: not-allowed;
}
.nlsg-c-button.nlsg-icon--button:disabled:hover, .nlsg-c-button.nlsg-icon--button[disabled]:hover {
  color: #d7d7d7;
}
.nlsg-c-button.nlsg-icon--button:hover, .nlsg-c-button.nlsg-icon--button.hovered {
  color: #006341;
}
.nlsg-c-button.nlsg-icon--button.nlsg-c-button--spinner:hover {
  color: initial !important;
}
.nlsg-c-button.nlsg-icon--button .nlsg-c-spinner-wrapper__spinner {
  margin-right: 10px;
  width: 16px;
  height: 16px;
}
.nlsg-c-button.nlsg-icon--button:focus {
  outline: none;
  color: #006341;
}
.nlsg-c-button.nlsg-icon--no-bg-button {
  background: transparent !important;
  color: #009639;
  border: none;
  outline: none;
}
.nlsg-c-button.nlsg-icon--no-bg-button:hover, .nlsg-c-button.nlsg-icon--no-bg-button.hovered {
  color: #006341;
  border: none;
  outline: none;
}
.nlsg-c-button .ie {
  display: none;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .nlsg-c-button .ie {
    display: block;
  }
  .nlsg-c-button .ie img.text-button {
    width: 22px;
    margin-top: 0.4rem;
    margin-right: 0.4rem;
  }
}
@supports (-ms-ime-align: auto) {
  .nlsg-c-button .ie {
    display: block;
  }
  .nlsg-c-button .ie img.text-button {
    width: 22px;
    margin-top: 0.4rem;
    margin-right: 0.4rem;
  }
}
.nlsg-c-two-buttons .nlsg-c-button {
  width: 47%;
}
.nlsg-c-three-buttons .nlsg-c-button {
  width: 30%;
}

.nlsg-c-two-buttons,
.nlsg-c-three-buttons {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
}
@media screen and (max-width: 640px) {
  .nlsg-c-two-buttons .nlsg-c-button,
  .nlsg-c-three-buttons .nlsg-c-button {
    width: 100%;
  }
}

.nlsg-button-row {
  display: flex;
  width: 24.375rem;
  align-items: flex-start;
  gap: 1.5rem;
  padding-top: 4rem;
}
@media screen and (max-width: 640px) {
  .nlsg-button-row {
    flex-direction: column-reverse;
    display: flex;
    width: 95vw;
    align-items: stretch;
    gap: 0px;
    padding-top: 0.5rem;
  }
}

.login-rounded-button {
  cursor: pointer;
  border: 0.125rem solid #006341;
  border-radius: 0.9375rem;
  font-size: 0.875rem;
  padding: 0.3125rem 0.5625rem 0.4375rem 0.5625rem;
  min-width: 6.25rem;
  text-align: center;
  white-space: nowrap;
  width: 100%;
  font-family: "LibreFranklin-Medium", Helvetica, sans-serif;
}

.nlsg-c-form-element {
  /* ------------------------
  ------- Inputs ------------
  ------------------------ */
}
.nlsg-c-form-element__form-group {
  margin-bottom: 30px;
  width: 100%;
  max-width: 390px;
  /* -------------------
  ------- States -------
  ------------------- */
  /* Error state */
  /* Disabled state */
}
@media screen and (max-width: 768px) {
  .nlsg-c-form-element__form-group {
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 640px) {
  .nlsg-c-form-element__form-group {
    margin-bottom: 20px;
  }
}
.nlsg-c-form-element__form-group.error label {
  color: #d22630;
}
.nlsg-c-form-element__form-group.error input, .nlsg-c-form-element__form-group.error textarea {
  border-color: #d22630;
}
.nlsg-c-form-element__form-group.error input.nlsg-c-form-element__control--has-data, .nlsg-c-form-element__form-group.error textarea.nlsg-c-form-element__control--has-data {
  border-color: #d22630 !important;
}
.nlsg-c-form-element__form-group.error .nlsg-c-form-element__help {
  color: #d22630;
}
.nlsg-c-form-element__form-group.error .nlsg-c-form-element__help.password-list:before {
  display: none;
}
.nlsg-c-form-element__form-group--select {
  margin-bottom: 50px !important;
}
.nlsg-c-form-element__form-group--select--no-hint {
  margin-bottom: 30px !important;
}
.nlsg-c-form-element__form-group--select.error label {
  color: #d22630 !important;
}
.nlsg-c-form-element__form-group--select.error .nlsg-c-select .placeholder {
  border: 2px solid #d22630 !important;
}
.nlsg-c-form-element__form-group--select.error .nlsg-c-form-element__help {
  color: #d22630 !important;
}
.nlsg-c-form-element__form-group--select.disabled label {
  color: #d7d7d7 !important;
}
.nlsg-c-form-element__form-group--select.disabled .nlsg-c-select .placeholder {
  color: #d7d7d7 !important;
  cursor: not-allowed;
  pointer-events: none;
}
.nlsg-c-form-element__form-group--select.disabled .nlsg-c-form-element__help {
  color: #d7d7d7 !important;
}
.nlsg-c-form-element__form-group--select.completed .nlsg-c-select .placeholder {
  border: 2px solid #78be20 !important;
  color: #333;
}
.nlsg-c-form-element__form-group.disabled label {
  color: #d7d7d7;
}
.nlsg-c-form-element__form-group.disabled input, .nlsg-c-form-element__form-group.disabled textarea {
  border-color: #d7d7d7;
  color: #d7d7d7;
  background: #fff;
  cursor: not-allowed;
}
.nlsg-c-form-element__form-group.disabled .nlsg-c-form-element__help {
  color: #d7d7d7;
}
.nlsg-c-form-element__form-group--select {
  margin-bottom: 50px !important;
}
.nlsg-c-form-element__form-group--select--no-hint {
  margin-bottom: 30px !important;
}
.nlsg-c-form-element__label {
  position: relative;
  color: #666;
  font-size: 0.875rem;
  font-weight: 200;
  display: block;
  margin-bottom: 5px;
  max-width: 390px;
  width: 100%;
}
.nlsg-c-form-element__control {
  width: 100%;
  max-width: 390px;
  height: 3.25rem;
  font-size: 1rem;
  font-weight: 100;
  padding: 0 10px;
  color: #333;
  border: 2px solid #4F5452;
  transition: border-color 0.25s;
}
.nlsg-c-form-element__control.js-search-input {
  padding-right: 2.5rem !important;
}
@media screen and (max-width: 639px) {
  .nlsg-c-form-element__control.js-search-input {
    max-width: 95vw;
  }
}
.nlsg-c-form-element__control:focus {
  border-color: #0C8450 !important;
  outline: none;
}
.nlsg-c-form-element__control.search-input-focused {
  border-color: #0C8450;
  outline: none;
}
.nlsg-c-form-element__control::-webkit-input-placeholder {
  color: #bbb;
}
.nlsg-c-form-element__control:disabled {
  cursor: not-allowed;
}
.nlsg-c-form-element__control--has-data {
  border: 2px solid var(--Colour-State-Borders-default, #4F5452);
}
.nlsg-c-form-element .nlsg-c-form-element__control::-ms-clear {
  display: none;
}
.nlsg-c-form-element__help {
  font-family: "LibreFranklin-Regular", Helvetica, sans-serif;
  font-size: 14px !important;
  margin-top: 3px;
  color: #bbb;
  letter-spacing: 0.2px;
  display: block;
  width: 100% !important;
}
.nlsg-c-form-element__help::before {
  font-size: 1rem;
  margin-right: 0.3125rem;
  display: flex;
  align-self: center;
}
.nlsg-c-form-element__help--select {
  margin-top: 59px !important;
  margin-bottom: -69px !important;
}
.nlsg-c-form-element__help.password {
  display: none;
}
.nlsg-c-form-element__help ul {
  font-family: "LibreFranklin-Medium", Helvetica, sans-serif;
  color: #333;
  margin-top: 2px;
}
.nlsg-c-form-element__help ul li {
  position: relative;
  font-family: "LibreFranklin-Regular", Helvetica, sans-serif;
  color: #666;
  padding: 2px 0px;
  margin-top: 5px;
}
.nlsg-c-form-element__help ul li span {
  padding-left: 20px;
  display: block;
}
.nlsg-c-form-element__help ul li:before {
  font-family: "nlsg-icons" !important;
  position: absolute;
  width: 20px;
  height: 20px;
  top: 0px;
}
.nlsg-c-form-element__help ul li.valid:before {
  color: #009639;
}
.nlsg-c-form-element__help ul li.invalid:before {
  color: #d22630;
}
.nlsg-c-form-element:not(#search) {
  float: none;
}
.nlsg-c-form-element:not(#search).left-align {
  margin: 0;
}

.hide-postal {
  display: none;
}

.pac-container {
  z-index: 100;
  border-bottom: 2px solid #0C8450;
  border-left: 2px solid #0C8450;
  border-right: 2px solid #0C8450;
  margin-top: -0.1rem;
  margin-bottom: 1rem;
  margin-left: 2.5px;
  max-height: 280px;
  overflow-y: auto;
}
@media screen and (max-width: 639px) {
  .pac-container {
    max-width: 95vw;
  }
}

.pac-item {
  padding: 10px;
  min-height: 40px;
  color: #333;
  font-size: 1rem !important;
  background: #fff;
}
.pac-item:hover {
  background-color: #eee;
  color: #666;
}

.pac-item-query {
  padding: 10px;
  min-height: 40px;
  color: #333;
  font-size: 1rem !important;
  background: #fff;
}
.pac-item-query:hover {
  background-color: #eee;
  color: #666;
}

/* ------------------------
------- Hyperlinks --------
------------------------ */
a {
  color: #009639;
  transition: 0.3s;
  text-decoration: none;
  font-family: "LibreFranklin-Medium", Helvetica, sans-serif;
  display: block;
}
a:before, a:after {
  position: relative;
}
a:before {
  margin-right: 0.5rem;
}
a:after {
  margin-left: 0.5rem;
}
a:hover, a.hover {
  color: #006341 !important;
}
a:hover:before, a:hover:after, a.hover:before, a.hover:after {
  position: relative;
}
a.nlsg-c-button {
  padding: 0.8rem 0;
}

.txt-decoration-none {
  text-decoration: none !important;
}

p a {
  text-decoration: underline !important;
  font-family: "LibreFranklin-Regular", Helvetica, sans-serif;
  display: inline;
}

li a {
  text-decoration: underline;
  font-family: "LibreFranklin-Regular", Helvetica, sans-serif;
  display: inline;
}

label a {
  text-decoration: underline;
  font-family: "LibreFranklin-Regular", Helvetica, sans-serif;
  display: inline;
}

@font-face {
  font-family: "nlsg-icons-thin";
  font-family: "nlsg-icons-thin";
  src: url(/assets/fonts/nlsg-icons-thin.eot);
  src: url(/assets/fonts/nlsg-icons-thin.eot?#iefix) format("embedded-opentype"), url(/assets/fonts/nlsg-icons-thin.woff) format("woff"), url(/assets/fonts/nlsg-icons-thin.ttf) format("truetype"), url(/assets/fonts/nlsg-icons-thin.svgnlsg-icons-thin) format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "nlsg-icons";
  font-family: "nlsg-icons";
  src: url(/assets/fonts/nlsg-icons.eot);
  src: url(/assets/fonts/nlsg-icons.eot?#iefix) format("embedded-opentype"), url(/assets/fonts/nlsg-icons.woff) format("woff"), url(/assets/fonts/nlsg-icons.ttf) format("truetype"), url(/assets/fonts/nlsg-icons.svgnlsg-icons) format("svg");
  font-weight: normal;
  font-style: normal;
}
[class^=nlsg-]:before,
[class^=nlsg-]:after,
[class*=" nlsg-"]:before,
[class*=" nlsg-"]:after {
  font-family: "nlsg-icons" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1.1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.nlsg-icon {
  cursor: pointer;
}
.nlsg-icon--size-16, .nlsg-c-accordion ul li .accordion-trigger:before, .nlsg-file-upload .nlsg-file-upload-field .uploading-in-progress .remove-upload-btn, .nlsg-file-upload .nlsg-file-upload-field .upload-initial-button:before, .nlsg-file-upload .nlsg-file-upload-field .placeholder-text.uploaded-file-name:before, .nlsg-c-table tbody td .expand-table-row:after, .nlsg-c-form-element__number-scrubber .number-scrubber-tooltip-icon:after, .tooltip-container__inner .component-container .tooltip-icon:after, .nlsg-c-form-element__form-group.error .nlsg-c-form-element__help, .nlsg-c-form-element__help ul li:before {
  font-size: 16px;
  width: 16px;
  height: auto;
}
.nlsg-icon--size-24, .nlsg-c-note:before, .nlsg-c-table .more-actions-container li a.test:before, .nlsg-c-alert--inline--error:before, .nlsg-c-alert--inline--success:before, .nlsg-c-alert--inline--warning:before, .nlsg-c-alert--inline--informative:before, .nlsg-c-alert--block:before, .nlsg-c-navbar__sub__prev a:first-of-type:before, .nlsg-c-navbar__sub__level-2 a:first-of-type:before, div.nlsg-c-select > span:after, .nlsg-c-form-element .nlsg-c-search-input__arrow-up-icon:before, .nlsg-c-form-element .nlsg-c-search-input__arrow-down-icon:before, .nlsg-c-form-element .nlsg-c-search-input__clear-search-icon:before, .nlsg-c-form-element .nlsg-c-search-input__search-icon:before, .nlsg-c-form-element .nlsg-c-password-input:before, .nlsg-c-datepicker.ui-datepicker .ui-datepicker-next,
.ui-datepicker-inline.ui-datepicker .ui-datepicker-next, .nlsg-c-datepicker.ui-datepicker .ui-datepicker-prev,
.ui-datepicker-inline.ui-datepicker .ui-datepicker-prev, .nlsg-c-card .icon, .nlsg-c-form-element__checkbox input[type=checkbox]:not(:checked) + label:after, .nlsg-c-form-element__checkbox input[type=checkbox]:checked + label:after, a:before, a:after, a:hover:before, a:hover:after, a.hover:before, a.hover:after {
  font-size: 24px;
  width: 24px;
  height: auto;
  top: 7px;
}
.nlsg-icon--size-32, .nlsg-c-spinner-wrapper__lock-icon:before {
  font-size: 32px;
  width: 32px;
  height: auto;
}
@media all and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .nlsg-icon--size-32, .nlsg-c-spinner-wrapper__lock-icon:before {
    width: auto !important;
    height: 32px !important;
  }
}
.nlsg-icon--size-36 {
  font-size: 36px;
  width: 36px;
  height: auto;
}
@media all and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .nlsg-icon--size-36 {
    width: auto !important;
    height: 36px !important;
  }
}
.nlsg-icon--size-40 {
  font-size: 40px;
  width: 40px;
  height: auto;
}
@media all and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .nlsg-icon--size-40 {
    width: auto !important;
    height: 40px !important;
  }
}
.nlsg-icon--size-60 {
  font-size: 60px;
  width: 60px;
  height: auto;
}
@media all and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .nlsg-icon--size-60 {
    width: auto !important;
    height: 60px !important;
  }
}
.nlsg-icon--size-150 {
  font-size: 150px;
  width: 150px;
  height: auto;
}
@media all and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .nlsg-icon--size-150 {
    width: auto !important;
    height: 150px !important;
  }
}
.nlsg-icon--colour-brand-green, a:hover:before, a:hover:after, a.hover:before, a.hover:after {
  color: #0C8450;
}
.nlsg-icon--colour-brand-green:before, a:hover:before, a.hover:before, .nlsg-icon--colour-brand-green:after, a:hover:after, a.hover:after {
  color: #0C8450;
}
.nlsg-icon--colour-grass-green, .nlsg-file-upload .nlsg-file-upload-field .upload-initial-button:before, .nlsg-c-table .more-actions-container li a.test:before, .nlsg-c-table tbody td .nlsg-c-form-element__checkbox input[type=checkbox]:not(:checked) + label:after,
.nlsg-c-table tbody td .nlsg-c-form-element__checkbox input[type=checkbox]:checked + label:after, .nlsg-c-table thead th .nlsg-c-form-element__checkbox input[type=checkbox]:not(:checked) + label:after,
.nlsg-c-table thead th .nlsg-c-form-element__checkbox input[type=checkbox]:checked + label:after, .nlsg-c-alert--inline--success:before, .nlsg-c-alert--block--success:before, .nlsg-c-spinner-wrapper__lock-icon--green:before, a:before, a:after {
  color: #009639;
}
.nlsg-icon--colour-grass-green:before, .nlsg-file-upload .nlsg-file-upload-field .upload-initial-button:before, .nlsg-c-table .more-actions-container li a.test:before, .nlsg-c-alert--inline--success:before, .nlsg-c-alert--block--success:before, .nlsg-c-spinner-wrapper__lock-icon--green:before, a:before, .nlsg-icon--colour-grass-green:after, .nlsg-c-table tbody td .nlsg-c-form-element__checkbox input[type=checkbox]:not(:checked) + label:after,
.nlsg-c-table tbody td .nlsg-c-form-element__checkbox input[type=checkbox]:checked + label:after, .nlsg-c-table thead th .nlsg-c-form-element__checkbox input[type=checkbox]:not(:checked) + label:after,
.nlsg-c-table thead th .nlsg-c-form-element__checkbox input[type=checkbox]:checked + label:after, a:after {
  color: #009639;
}
.nlsg-icon--colour-apple-green, .nlsg-c-navbar__sub__prev a:first-of-type:before, .nlsg-c-navbar__sub__level-2 a:first-of-type:before {
  color: #78be20;
}
.nlsg-icon--colour-apple-green:before, .nlsg-c-navbar__sub__prev a:first-of-type:before, .nlsg-c-navbar__sub__level-2 a:first-of-type:before, .nlsg-icon--colour-apple-green:after {
  color: #78be20;
}
.nlsg-icon--colour-dark-grey, .nlsg-c-tag:after, .nlsg-c-table .more-actions-icon:after, .nlsg-c-table tbody td .expand-table-row th:after, .nlsg-c-table tbody td .expand-table-row:after, .nlsg-c-navbar__sub__level-2 a .nlsg-icon-chat:before, .nlsg-c-form-element__number-scrubber .number-scrubber-tooltip-icon:after, .tooltip-container__inner .component-container .tooltip-icon:after {
  color: #333;
}
.nlsg-icon--colour-dark-grey:before, .nlsg-c-navbar__sub__level-2 a .nlsg-icon-chat:before, .nlsg-icon--colour-dark-grey:after, .nlsg-c-tag:after, .nlsg-c-table .more-actions-icon:after, .nlsg-c-table tbody td .expand-table-row th:after, .nlsg-c-table tbody td .expand-table-row:after, .nlsg-c-form-element__number-scrubber .number-scrubber-tooltip-icon:after, .tooltip-container__inner .component-container .tooltip-icon:after {
  color: #333;
}
.nlsg-icon--colour-medium-grey, .nlsg-file-upload .nlsg-file-upload-field .uploading-in-progress .remove-upload-btn, .nlsg-file-upload .nlsg-file-upload-field .placeholder-text.uploaded-file-name:before {
  color: #666;
}
.nlsg-icon--colour-medium-grey:before, .nlsg-file-upload .nlsg-file-upload-field .uploading-in-progress .remove-upload-btn:before, .nlsg-file-upload .nlsg-file-upload-field .placeholder-text.uploaded-file-name:before, .nlsg-icon--colour-medium-grey:after, .nlsg-file-upload .nlsg-file-upload-field .uploading-in-progress .remove-upload-btn:after {
  color: #666;
}
.nlsg-icon--colour-red {
  color: #E21D16;
}
.nlsg-icon--colour-red:before, .nlsg-icon--colour-red:after {
  color: #E21D16;
}
.nlsg-icon--colour-light-grey, .nlsg-c-table .more-actions-icon.active:after, .nlsg-c-table tbody td .expand-table-row th.active:after, .nlsg-c-form-element .nlsg-c-search-input__arrow-up-icon:before, .nlsg-c-form-element .nlsg-c-search-input__arrow-down-icon:before, .nlsg-c-form-element .nlsg-c-search-input__clear-search-icon:before, .nlsg-c-form-element .nlsg-c-search-input__search-icon:before, .nlsg-c-form-element .nlsg-c-password-input:before {
  color: #bbb;
}
.nlsg-icon--colour-light-grey:before, .nlsg-c-form-element .nlsg-c-search-input__arrow-up-icon:before, .nlsg-c-form-element .nlsg-c-search-input__arrow-down-icon:before, .nlsg-c-form-element .nlsg-c-search-input__clear-search-icon:before, .nlsg-c-form-element .nlsg-c-search-input__search-icon:before, .nlsg-c-form-element .nlsg-c-password-input:before, .nlsg-icon--colour-light-grey:after, .nlsg-c-table .more-actions-icon.active:after, .nlsg-c-table tbody td .expand-table-row th.active:after {
  color: #bbb;
}
.nlsg-icon--colour-disabled-grey {
  color: #d7d7d7;
}
.nlsg-icon--colour-disabled-grey:before, .nlsg-icon--colour-disabled-grey:after {
  color: #d7d7d7;
}
.nlsg-icon--colour-white, .nlsg-c-spinner-wrapper__lock-icon--white:before {
  color: #fff !important;
}
.nlsg-icon--colour-white:before, .nlsg-c-spinner-wrapper__lock-icon--white:before, .nlsg-icon--colour-white:after {
  color: #fff !important;
}
.nlsg-icon--colour-warning-red, .nlsg-c-alert--inline--error:before, .nlsg-c-alert--block--error:before {
  color: #d22630;
}
.nlsg-icon--colour-warning-red:before, .nlsg-c-alert--inline--error:before, .nlsg-c-alert--block--error:before, .nlsg-icon--colour-warning-red:after {
  color: #d22630;
}
.nlsg-icon--colour-warning-orange, .nlsg-c-note--warning:before, .nlsg-c-alert--block--warning:before {
  color: #f2a900;
}
.nlsg-icon--colour-warning-orange:before, .nlsg-c-note--warning:before, .nlsg-c-alert--block--warning:before, .nlsg-icon--colour-warning-orange:after {
  color: #f2a900;
}
.nlsg-icon--colour-accent-teal, .nlsg-c-alert--block--informative:before {
  color: #00F2A2;
}
.nlsg-icon--colour-accent-teal:before, .nlsg-c-alert--block--informative:before, .nlsg-icon--colour-accent-teal:after {
  color: #00F2A2;
}
.nlsg-icon--colour-accent-lime {
  color: #cedc00;
}
.nlsg-icon--colour-accent-lime:before, .nlsg-icon--colour-accent-lime:after {
  color: #cedc00;
}
.nlsg-icon--light:before {
  font-family: "nlsg-icons-thin" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.nlsg-icon-360:before {
  content: "a";
}
.nlsg-icon-accounts:before {
  content: "b";
}
.nlsg-icon-arrow-down:before, .nlsg-c-accordion ul li .accordion-trigger:before, .nlsg-c-form-element .nlsg-c-search-input__arrow-down-icon:before {
  content: "c";
}
.nlsg-icon-arrow-left:before, .nlsg-c-datepicker.ui-datepicker .ui-datepicker-prev:before,
.ui-datepicker-inline.ui-datepicker .ui-datepicker-prev:before {
  content: "d";
}
.nlsg-icon-arrow-right:before, .nlsg-c-datepicker.ui-datepicker .ui-datepicker-next:before,
.ui-datepicker-inline.ui-datepicker .ui-datepicker-next:before, .nlsg-c-card .icon:before {
  content: "e";
}
.nlsg-icon-arrow-up:before, .nlsg-c-form-element .nlsg-c-search-input__arrow-up-icon:before {
  content: "f";
}
.nlsg-icon-banker:before {
  content: "g";
}
.nlsg-icon-bell:before {
  content: "h";
}
.nlsg-icon-builing:before {
  content: "i";
}
.nlsg-icon-calculator:before {
  content: "j";
}
.nlsg-icon-calender:before {
  content: "k";
}
.nlsg-icon-calender-date:before {
  content: "l";
}
.nlsg-icon-camera:before {
  content: "m";
}
.nlsg-icon-card:before {
  content: "n";
}
.nlsg-icon-card-add:before {
  content: "o";
}
.nlsg-icon-card-block:before {
  content: "p";
}
.nlsg-icon-card-check:before {
  content: "q";
}
.nlsg-icon-card-lock:before {
  content: "r";
}
.nlsg-icon-card-over:before {
  content: "s";
}
.nlsg-icon-cart:before {
  content: "t";
}
.nlsg-icon-cart-empty:before {
  content: "u";
}
.nlsg-icon-cart-old:before {
  content: "v";
}
.nlsg-icon-chat:before {
  content: "w";
}
.nlsg-icon-check:before, .nlsg-c-table .more-actions-container li a.test:before, .nlsg-c-alert--inline--success:before, .nlsg-c-alert--block--success:before, .nlsg-c-form-element__help ul li.valid:before {
  content: "x";
}
.nlsg-icon-check-circle:before {
  content: "y";
}
.nlsg-icon-close:before, .nlsg-c-form-element .nlsg-c-search-input__clear-search-icon:before, .nlsg-c-form-element__help ul li.invalid:before {
  content: "z";
}
.nlsg-icon-close-circle:before, .nlsg-file-upload .nlsg-file-upload-field .uploading-in-progress .remove-upload-btn:before {
  content: "A";
}
.nlsg-icon-docs:before {
  content: "B";
}
.nlsg-icon-docsearch:before {
  content: "C";
}
.nlsg-icon-download:before {
  content: "D";
}
.nlsg-icon-electricity:before {
  content: "E";
}
.nlsg-icon-error:before, .copy-hex span a:before {
  content: "F";
}
.nlsg-icon-expand:before {
  content: "G";
}
.nlsg-icon-eye:before, .nlsg-c-form-element .nlsg-c-password-input:before {
  content: "H";
}
.nlsg-icon-filter:before {
  content: "I";
}
.nlsg-icon-form-check:before, .nlsg-file-upload .nlsg-file-upload-field .placeholder-text.uploaded-file-name:before {
  content: "J";
}
.nlsg-icon-fraud:before {
  content: "K";
}
.nlsg-icon-gallery:before {
  content: "L";
}
.nlsg-icon-group:before {
  content: "M";
}
.nlsg-icon-hide:before, .nlsg-c-form-element .nlsg-c-password-input.password-visible:before {
  content: "N";
}
.nlsg-icon-home:before {
  content: "O";
}
.nlsg-icon-house:before {
  content: "P";
}
.nlsg-icon-info:before, .nlsg-c-note--info:before, .nlsg-c-alert--inline--informative:before, .nlsg-c-alert--block--informative:before {
  content: "Q";
}
.nlsg-icon-instantpay:before {
  content: "R";
}
.nlsg-icon-investment:before {
  content: "S";
}
.nlsg-icon-key:before {
  content: "T";
}
.nlsg-icon-link:before {
  content: "U";
}
.nlsg-icon-loader:before {
  content: "V";
}
.nlsg-icon-location:before {
  content: "W";
}
.nlsg-icon-lock:before, .nlsg-c-spinner-wrapper__lock-icon:before {
  content: "X";
}
.nlsg-icon-lock-circle:before {
  content: "Y";
}
.nlsg-icon-lotto:before {
  content: "Z";
}
.nlsg-icon-mail:before {
  content: "0";
}
.nlsg-icon-mail-check:before {
  content: "1";
}
.nlsg-icon-maintanance:before {
  content: "2";
}
.nlsg-icon-menu:before {
  content: "3";
  color: #4F5452;
}
.nlsg-icon-minus:before, .nlsg-c-form-element__help ul li:before {
  content: "4";
}
.nlsg-icon-minus-circle:before {
  content: "5";
}
.nlsg-icon-minus-solid:before {
  content: "6";
}
.nlsg-icon-more:before {
  content: "7";
}
.nlsg-icon-open:before {
  content: "8";
}
.nlsg-icon-passport:before {
  content: "9";
}
.nlsg-icon-pay:before {
  content: "!";
}
.nlsg-icon-pay-quick:before {
  content: '"';
}
.nlsg-icon-pencil:before {
  content: "#";
}
.nlsg-icon-phone:before {
  content: "$";
}
.nlsg-icon-play:before {
  content: "%";
}
.nlsg-icon-plus:before {
  content: "&";
}
.nlsg-icon-plus-circle:before {
  content: "'";
}
.nlsg-icon-plus-solid:before {
  content: "(";
}
.nlsg-icon-print:before {
  content: ")";
}
.nlsg-icon-profile:before {
  content: "*";
}
.nlsg-icon-profile-add:before {
  content: "+";
}
.nlsg-icon-profile-checked:before {
  content: ",";
}
.nlsg-icon-profile-remove:before {
  content: "-";
}
.nlsg-icon-profile-search:before {
  content: ".";
}
.nlsg-icon-qr:before {
  content: "/";
}
.nlsg-icon-question-circle:before {
  content: ":";
}
.nlsg-icon-receipt:before {
  content: ";";
}
.nlsg-icon-receipts:before {
  content: "<";
}
.nlsg-icon-rejected:before {
  content: "=";
}
.nlsg-icon-retry:before, .nlsg-c-alert--inline--warning:before {
  content: ">";
}
.nlsg-icon-rewards:before {
  content: "?";
}
.nlsg-icon-save:before {
  content: "@";
}
.nlsg-icon-search:before, .nlsg-c-form-element .nlsg-c-search-input__search-icon:before {
  content: "[";
}
.nlsg-icon-settings:before {
  content: "]";
}
.nlsg-icon-share:before {
  content: "^";
}
.nlsg-icon-smartphone:before {
  content: "_";
}
.nlsg-icon-smartphone-airtime:before {
  content: "`";
}
.nlsg-icon-smartphone-data:before {
  content: "{";
}
.nlsg-icon-sorting:before {
  content: "|";
}
.nlsg-icon-star:before {
  content: "}";
}
.nlsg-icon-steps:before {
  content: "~";
}
.nlsg-icon-tailarrow-down:before {
  content: "\\";
}
.nlsg-icon-tailarrow-left:before, .nlsg-c-navbar__sub__prev a:first-of-type:before, .nlsg-c-navbar__sub__level-2 a:first-of-type:before {
  content: "\e000";
}
.nlsg-icon-tailarrow-right:before {
  content: "\e001";
}
.nlsg-icon-tailarrow-up:before {
  content: "\e002";
}
.nlsg-icon-thumbs-down:before {
  content: "\e003";
}
.nlsg-icon-thumbs-up:before {
  content: "\e004";
}
.nlsg-icon-time:before {
  content: "\e005";
}
.nlsg-icon-transfer:before {
  content: "\e006";
}
.nlsg-icon-trash:before {
  content: "\e007";
}
.nlsg-icon-unlock:before {
  content: "\e008";
}
.nlsg-icon-upload:before, .nlsg-file-upload .nlsg-file-upload-field .upload-initial-button:before {
  content: "\e009";
}
.nlsg-icon-vehicle:before {
  content: "\e00a";
}
.nlsg-icon-wallet:before {
  content: "\e00b";
}
.nlsg-icon-warning:before, .nlsg-c-note--warning:before, .nlsg-c-alert--inline--error:before, .nlsg-c-alert--block--error:before, .nlsg-c-alert--block--warning:before, .nlsg-c-form-element__form-group.error .nlsg-c-form-element__help:before {
  content: "\e00c";
}
.nlsg-icon-widget:before {
  content: "\e00d";
}
.nlsg-icon-after-360:after {
  content: "a";
}
.nlsg-icon-after-accounts:after {
  content: "b";
}
.nlsg-icon-after-arrow-down:after, .nlsg-c-table tbody td .expand-table-row:after, div.nlsg-c-select > span:after {
  content: "c";
}
.nlsg-icon-after-arrow-left:after {
  content: "d";
}
.nlsg-icon-after-arrow-right:after {
  content: "e";
}
.nlsg-icon-after-arrow-up:after {
  content: "f";
}
.nlsg-icon-after-banker:after {
  content: "g";
}
.nlsg-icon-after-bell:after {
  content: "h";
}
.nlsg-icon-after-builing:after {
  content: "i";
}
.nlsg-icon-after-calculator:after {
  content: "j";
}
.nlsg-icon-after-calender:after {
  content: "k";
}
.nlsg-icon-after-calender-date:after {
  content: "l";
}
.nlsg-icon-after-camera:after {
  content: "m";
}
.nlsg-icon-after-card:after {
  content: "n";
}
.nlsg-icon-after-card-add:after {
  content: "o";
}
.nlsg-icon-after-card-block:after {
  content: "p";
}
.nlsg-icon-after-card-check:after {
  content: "q";
}
.nlsg-icon-after-card-lock:after {
  content: "r";
}
.nlsg-icon-after-card-over:after {
  content: "s";
}
.nlsg-icon-after-cart:after {
  content: "t";
}
.nlsg-icon-after-cart-empty:after {
  content: "u";
}
.nlsg-icon-after-cart-old:after {
  content: "v";
}
.nlsg-icon-after-chat:after {
  content: "w";
}
.nlsg-icon-after-check:after, .nlsg-c-table tbody td .nlsg-c-form-element__checkbox input[type=checkbox]:not(:checked) + label:after,
.nlsg-c-table tbody td .nlsg-c-form-element__checkbox input[type=checkbox]:checked + label:after, .nlsg-c-table thead th .nlsg-c-form-element__checkbox input[type=checkbox]:not(:checked) + label:after,
.nlsg-c-table thead th .nlsg-c-form-element__checkbox input[type=checkbox]:checked + label:after, .nlsg-c-form-element__checkbox input[type=checkbox]:not(:checked) + label:after, .nlsg-c-form-element__checkbox input[type=checkbox]:checked + label:after {
  content: "x";
}
.nlsg-icon-after-check-circle:after {
  content: "y";
}
.nlsg-icon-after-close:after, .nlsg-c-tag:after {
  content: "z";
}
.nlsg-icon-after-close-circle:after {
  content: "A";
}
.nlsg-icon-after-docs:after {
  content: "B";
}
.nlsg-icon-after-docsearch:after {
  content: "C";
}
.nlsg-icon-after-download:after {
  content: "D";
}
.nlsg-icon-after-electricity:after {
  content: "E";
}
.nlsg-icon-after-error:after {
  content: "F";
}
.nlsg-icon-after-expand:after {
  content: "G";
}
.nlsg-icon-after-eye:after {
  content: "H";
}
.nlsg-icon-after-filter:after {
  content: "I";
}
.nlsg-icon-after-form-check:after {
  content: "J";
}
.nlsg-icon-after-fraud:after {
  content: "K";
}
.nlsg-icon-after-gallery:after {
  content: "L";
}
.nlsg-icon-after-group:after {
  content: "M";
}
.nlsg-icon-after-hide:after {
  content: "N";
}
.nlsg-icon-after-home:after {
  content: "O";
}
.nlsg-icon-after-house:after {
  content: "P";
}
.nlsg-icon-after-info:after {
  content: "Q";
}
.nlsg-icon-after-instantpay:after {
  content: "R";
}
.nlsg-icon-after-investment:after {
  content: "S";
}
.nlsg-icon-after-key:after {
  content: "T";
}
.nlsg-icon-after-link:after {
  content: "U";
}
.nlsg-icon-after-loader:after {
  content: "V";
}
.nlsg-icon-after-location:after {
  content: "W";
}
.nlsg-icon-after-lock:after {
  content: "X";
}
.nlsg-icon-after-lock-circle:after {
  content: "Y";
}
.nlsg-icon-after-lotto:after {
  content: "Z";
}
.nlsg-icon-after-mail:after {
  content: "0";
}
.nlsg-icon-after-mail-check:after {
  content: "1";
}
.nlsg-icon-after-maintanance:after {
  content: "2";
}
.nlsg-icon-after-menu:after {
  content: "3";
}
.nlsg-icon-after-minus:after {
  content: "4";
}
.nlsg-icon-after-minus-circle:after {
  content: "5";
}
.nlsg-icon-after-minus-solid:after {
  content: "6";
}
.nlsg-icon-after-more:after, .nlsg-c-table .more-actions-icon.active:after, .nlsg-c-table .more-actions-icon:after, .nlsg-c-table tbody td .expand-table-row th.active:after, .nlsg-c-table tbody td .expand-table-row th:after {
  content: "7";
}
.nlsg-icon-after-open:after {
  content: "8";
}
.nlsg-icon-after-passport:after {
  content: "9";
}
.nlsg-icon-after-pay:after {
  content: "!";
}
.nlsg-icon-after-pay-quick:after {
  content: '"';
}
.nlsg-icon-after-pencil:after {
  content: "#";
}
.nlsg-icon-after-phone:after {
  content: "$";
}
.nlsg-icon-after-play:after {
  content: "%";
}
.nlsg-icon-after-plus:after {
  content: "&";
}
.nlsg-icon-after-plus-circle:after {
  content: "'";
}
.nlsg-icon-after-plus-solid:after {
  content: "(";
}
.nlsg-icon-after-print:after {
  content: ")";
}
.nlsg-icon-after-profile:after {
  content: "*";
}
.nlsg-icon-after-profile-add:after {
  content: "+";
}
.nlsg-icon-after-profile-checked:after {
  content: ",";
}
.nlsg-icon-after-profile-remove:after {
  content: "-";
}
.nlsg-icon-after-profile-search:after {
  content: ".";
}
.nlsg-icon-after-qr:after {
  content: "/";
}
.nlsg-icon-after-question-circle:after, .nlsg-c-form-element__number-scrubber .number-scrubber-tooltip-icon:after, .tooltip-container__inner .component-container .tooltip-icon:after {
  content: ":";
}
.nlsg-icon-after-receipt:after {
  content: ";";
}
.nlsg-icon-after-receipts:after {
  content: "<";
}
.nlsg-icon-after-rejected:after {
  content: "=";
}
.nlsg-icon-after-retry:after {
  content: ">";
}
.nlsg-icon-after-rewards:after {
  content: "?";
}
.nlsg-icon-after-save:after {
  content: "@";
}
.nlsg-icon-after-search:after {
  content: "[";
}
.nlsg-icon-after-settings:after {
  content: "]";
}
.nlsg-icon-after-share:after {
  content: "^";
}
.nlsg-icon-after-smartphone:after {
  content: "_";
}
.nlsg-icon-after-smartphone-airtime:after {
  content: "`";
}
.nlsg-icon-after-smartphone-data:after {
  content: "{";
}
.nlsg-icon-after-sorting:after, .nlsg-c-table tbody tr.expand-table-container td table thead th:after, .nlsg-c-table.tablesorter th:not(.checkbox):after {
  content: "|";
}
.nlsg-icon-after-star:after {
  content: "}";
}
.nlsg-icon-after-steps:after {
  content: "~";
}
.nlsg-icon-after-tailarrow-down:after {
  content: "\\";
}
.nlsg-icon-after-tailarrow-left:after {
  content: "\e000";
}
.nlsg-icon-after-tailarrow-right:after {
  content: "\e001";
}
.nlsg-icon-after-tailarrow-up:after {
  content: "\e002";
}
.nlsg-icon-after-thumbs-down:after {
  content: "\e003";
}
.nlsg-icon-after-thumbs-up:after {
  content: "\e004";
}
.nlsg-icon-after-time:after {
  content: "\e005";
}
.nlsg-icon-after-transfer:after {
  content: "\e006";
}
.nlsg-icon-after-trash:after {
  content: "\e007";
}
.nlsg-icon-after-unlock:after {
  content: "\e008";
}
.nlsg-icon-after-upload:after {
  content: "\e009";
}
.nlsg-icon-after-vehicle:after {
  content: "\e00a";
}
.nlsg-icon-after-wallet:after {
  content: "\e00b";
}
.nlsg-icon-after-warning:after {
  content: "\e00c";
}
.nlsg-icon-after-widget:after {
  content: "\e00d";
}

.icon-grid {
  background: #f7f7f7;
  border: 3px solid #fff;
  display: flex;
  flex-direction: row;
  padding-top: 8px;
  border-radius: 8px !important;
}
.icon-grid.icon-sizes {
  align-items: center;
  justify-content: center;
}
.icon-grid p {
  font-size: 14px;
  padding-left: 15px !important;
}
.icon-grid--copy p {
  font-size: 0.875rem !important;
  line-height: 16px;
}
.icon-grid--copy .icon-overlay {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  height: 100%;
  width: 100%;
  background: #f6f6f6;
  position: absolute;
  top: 0px;
  left: 0;
  z-index: 2;
  opacity: 0;
  transition: 300ms ease-in-out;
}
.icon-grid--copy .icon-overlay a {
  min-width: auto;
  font-family: "LibreFranklin-Medium", Helvetica, sans-serif;
}
.icon-grid--copy .copy-icon {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  opacity: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: opacity 0.25s;
  background-color: #009639;
  border-radius: 4px;
}
.icon-grid--copy .copy-icon span:not(.text) {
  padding: 5px 10px;
  border-radius: 3px;
  color: #fff;
  cursor: pointer;
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.8rem;
}
.icon-grid--copy .copy-icon span:not(.text) img {
  margin: 0 5px 0 0;
}
.icon-grid--copy:hover .copy-icon {
  opacity: 1;
}

.icon-centered {
  display: flex;
  justify-content: center;
  align-items: center;
}
.icon-centered--black {
  background: #3f3f3f;
}

.icon-complete {
  color: #4F5452;
}

.icon-incomplete {
  color: #8D9491;
}

.icon-current {
  color: #10a867;
}

.nlsg-c-form-element {
  /* ------------------------------
  ---------- Input addon ----------
  ------------------------------ */
}
.nlsg-c-form-element__form-group {
  left: 0;
}
.nlsg-c-form-element__form-group--addon-input-group {
  position: relative;
  display: block;
  box-sizing: border-box;
}
.nlsg-c-form-element__form-group--addon-input-group__control {
  padding-left: 1.438rem !important;
  color: #333;
}
.nlsg-c-form-element__form-group--addon-input-group__control--has-helper-text {
  margin-bottom: 0;
}
.nlsg-c-form-element__form-group--addon-input-group:before {
  font-family: "LibreFranklin-Regular" !important;
  content: "R";
  position: absolute;
  font-size: 1rem;
  display: block;
  width: 0.625rem;
  color: #333;
  top: 36.5px;
  font-size: 1rem;
  left: 0.8rem;
  z-index: 1;
}
.nlsg-c-form-element__form-group--addon-input-group.disabled:before {
  color: #d7d7d7;
}
.nlsg-c-form-element__form-group-no-label {
  position: relative;
}
.nlsg-c-form-element__form-group-no-label__control {
  padding-left: 1.438rem !important;
  color: #333;
}
.nlsg-c-form-element__form-group-no-label__control--has-helper-text {
  margin-bottom: 0;
}
.nlsg-c-form-element__form-group-no-label:before {
  font-family: "LibreFranklin-Regular" !important;
  content: "R";
  position: absolute;
  font-size: 1rem;
  display: block;
  width: 0.625rem;
  color: #333;
  top: 22.8px;
  font-size: 1rem;
  left: 0.8rem;
  z-index: 1;
}
.nlsg-c-form-element__form-group-no-label.disabled:before {
  color: #d7d7d7;
}

.nlsg-currency-div {
  display: flex;
  flex-direction: column;
}

.nlsg-c-form-element {
  /* ------------------------
  ------- Checkbox ----------
  ------------------------ */
}
.nlsg-c-form-element__checkbox {
  margin-bottom: 15px;
}
.nlsg-c-form-element .nlsg-c-form-element__checkbox > div {
  margin-top: 0;
}
.nlsg-c-form-element__checkbox label {
  font-size: 1rem;
  padding-left: 33px !important;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.nlsg-c-form-element__checkbox input[type=checkbox]:not(:checked),
.nlsg-c-form-element__checkbox input[type=checkbox]:checked {
  position: relative;
  left: -9999px;
  height: 0px;
}
.nlsg-c-form-element__checkbox input[type=checkbox]:not(:checked) + label, .nlsg-c-form-element__checkbox input[type=checkbox]:checked + label {
  position: relative;
  padding-left: 3rem;
  padding-top: 3px;
  font-weight: 200;
  cursor: pointer;
  float: left;
}
.nlsg-c-form-element__checkbox input[type=checkbox]:disabled:not(:checked) + label, .nlsg-c-form-element__checkbox input[type=checkbox]:disabled:checked + label {
  position: relative;
  padding-left: 3rem;
  padding-top: 6px;
  font-weight: 200;
  cursor: pointer;
  float: left;
  cursor: not-allowed;
  color: #d7d7d7;
}
.nlsg-c-form-element__checkbox input[type=checkbox]:not(:checked) + label:before, .nlsg-c-form-element__checkbox input[type=checkbox]:checked + label:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  border: 2px solid #bbb;
  background: #fff;
  border-radius: 5px;
  width: 24px;
  height: 24px;
}
.nlsg-c-form-element__checkbox input[type=checkbox]:checked + label:before {
  border: 2px solid #78be20 !important;
  background: #78be20;
}
.nlsg-c-form-element__checkbox input[type=checkbox]:focus + label:before {
  border: 2px solid #666;
}
.nlsg-c-form-element__checkbox input[type=checkbox]:disabled:not(:checked) + label:before, .nlsg-c-form-element__checkbox input[type=checkbox]:disabled:checked + label:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  border: 2px solid #d7d7d7;
  background: #fff;
  border-radius: 5px;
  width: 24px;
  height: 24px;
}
.nlsg-c-form-element__checkbox input[type=checkbox]:disabled:checked + label:before {
  border: 3px solid #d7d7d7 !important;
  background: #d7d7d7;
}
.nlsg-c-form-element__checkbox input[type=checkbox]:not(:checked) + label, .nlsg-c-form-element__checkbox input[type=checkbox]:checked + label {
  color: #666;
  width: 390px;
}
@media screen and (max-width: 639px) {
  .nlsg-c-form-element__checkbox input[type=checkbox]:not(:checked) + label, .nlsg-c-form-element__checkbox input[type=checkbox]:checked + label {
    width: 95vw;
  }
}
.nlsg-c-form-element__checkbox input[type=checkbox]:not(:checked) + label a, .nlsg-c-form-element__checkbox input[type=checkbox]:checked + label a {
  font-family: "LibreFranklin-Regular", Helvetica, sans-serif;
  text-decoration: underline;
}
.nlsg-c-form-element__checkbox input[type=checkbox]:not(:checked) + label:after, .nlsg-c-form-element__checkbox input[type=checkbox]:checked + label:after {
  font-family: "nlsg-icons" !important;
  position: absolute;
  top: 4px;
  left: 1px;
  line-height: 0.8;
  color: #fff;
  transition: all 0.2s;
}
.nlsg-c-form-element__checkbox input[type=checkbox]:not(:checked) + label:after {
  opacity: 0;
  transform: scale(0);
}
.nlsg-c-form-element__checkbox input[type=checkbox]:checked + label:after {
  opacity: 1;
  transform: scale(1);
}
.nlsg-c-form-element__checkbox:after {
  content: ".";
  visibility: hidden;
  display: block;
  height: 0;
  clear: both;
}
.nlsg-c-form-element__checkbox__label {
  font-size: 14px;
  line-height: 1.4;
  margin-bottom: 15px;
}

.anchor-style {
  width: auto;
}

.checkbox-custom-width {
  width: auto !important;
}

/* ------------------------
-------- Cards ------------
------------------------ */
.home-card {
  display: flex;
  width: 15.5rem;
  padding: 2rem;
  flex-direction: column;
  align-items: flex-start;
  gap: 1rem;
  align-self: stretch;
  height: 360px;
  border-radius: 4px;
  border: 1px solid #E5EDEC;
  background: #FFF;
  box-shadow: 0px 6px 20px 0px rgba(0, 0, 0, 0.1);
}
@media screen and (max-width: 639px) {
  .home-card {
    width: 90vw;
    height: auto;
    padding: 1.5rem;
  }
}

.nlsg-c-card {
  padding: 15px;
  max-width: 210px;
  max-height: fit-content;
  display: inline-block;
  transition: all 0.25s;
  margin: 0 10x 10px 0;
  flex-direction: row;
}
@media screen and (min-width: 1025px) {
  .nlsg-c-card {
    flex-direction: column;
  }
}
@media screen and (max-width: 1024px) {
  .nlsg-c-card {
    border-top: 1px solid #eee;
    max-width: 100%;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: flex-start;
  }
  .nlsg-c-card:last-of-type {
    border-bottom: 1px solid #eee;
  }
}
.nlsg-c-card .nlsg-icon-after-tailarrow-right:after {
  transition: all 0.25s;
}
.nlsg-c-card:hover {
  background: #f7f7f7;
  cursor: pointer;
}
.nlsg-c-card:hover .icon {
  color: #009639;
}
.nlsg-c-card:hover .nlsg-icon-after-tailarrow-right:after {
  margin-left: 12px;
}
.nlsg-c-card img {
  width: 60px;
  height: 60px;
}
@media screen and (max-width: 1024px) {
  .nlsg-c-card img {
    width: 40px;
    height: 40px;
    margin-right: 15px;
    align-self: flex-start;
  }
}
.nlsg-c-card__outer {
  display: flex;
  flex-direction: row;
  flex: 1 1 auto;
}
@media screen and (min-width: 1025px) {
  .nlsg-c-card__outer {
    flex-direction: column;
  }
}
@media screen and (max-width: 1024px) {
  .nlsg-c-card__outer {
    align-items: center;
  }
}
.nlsg-c-card__inner {
  display: flex;
  flex-direction: column;
  justify-self: stretch;
  flex: 1;
  margin-top: 8px;
}
@media screen and (max-width: 1024px) {
  .nlsg-c-card__inner {
    margin-top: 0;
  }
}
.nlsg-c-card__inner h6 {
  margin-bottom: 5px;
  font-family: "LibreFranklin-Medium", Helvetica, sans-serif;
  font-size: 20px;
}
@media screen and (max-width: 1024px) {
  .nlsg-c-card__inner h6 {
    font-family: "LibreFranklin-Regular", Helvetica, sans-serif;
    font-size: 16px;
  }
}
.nlsg-c-card__inner p {
  font-family: "LibreFranklin-Regular", Helvetica, sans-serif;
  color: #666;
}
@media screen and (max-width: 1024px) {
  .nlsg-c-card__inner p {
    margin-bottom: 0px;
    font-size: 14px;
  }
}
@media screen and (min-width: 1025px) {
  .nlsg-c-card__inner a {
    display: flex;
    align-items: flex-end;
    flex: 1;
  }
}
@media screen and (max-width: 1024px) {
  .nlsg-c-card__inner a {
    display: none;
  }
}
.nlsg-c-card .icon {
  display: none;
  font-family: "nlsg-icons" !important;
  color: #bbb;
  transition: color 0.25s;
}
@media screen and (max-width: 1024px) {
  .nlsg-c-card .icon {
    display: block;
    margin-left: auto;
  }
}

.nlsg-card-step-heading {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: flex-start;
  gap: 0.625rem;
}

.nlsg-card-step {
  display: flex;
  width: 11.125rem;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.3125rem;
  align-self: stretch;
}

.nlsg-card-box {
  display: flex;
  width: 250px;
  padding: 30px;
  flex-direction: column;
  align-items: flex-start;
  gap: 15px;
  align-self: stretch;
  border-radius: 12px;
  border: 1px solid #E5EDEC;
  background: #FFF;
  box-shadow: 0px 6px 20px 0px rgba(0, 0, 0, 0.1);
}
.nlsg-card-box__status {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 3.75rem;
  flex: 1 0 0;
  background: #FFF;
}
.nlsg-card-box__status__inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.9375rem;
}
.nlsg-card-box__document {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4rem;
  flex: 1 0 0;
  background: #FFF;
}
.nlsg-card-box__complete-heading {
  display: flex;
  padding: 4rem 0rem;
  flex-direction: column;
  align-items: center;
  gap: 2rem;
}
.nlsg-card-box__search-input {
  display: flex;
  padding: 2rem;
  flex-direction: column;
  align-items: stretch;
  gap: 2rem;
  border-radius: 12px;
  border: 1px solid #E5EDEC;
  background: #FFF;
  box-shadow: 0px 6px 20px 0px rgba(0, 0, 0, 0.1);
  width: 100%;
}
@media screen and (max-width: 639px) {
  .nlsg-card-box__search-input {
    display: flex;
    padding: 1.5rem;
    flex-direction: column;
    align-items: stretch;
    gap: 1.5rem;
    align-self: stretch;
    width: 95%;
  }
}
.nlsg-card-box__overview {
  display: flex;
  width: 50rem;
  padding: 2rem;
  flex-direction: column;
  align-items: center;
  gap: 2rem;
  border-radius: 0.75rem;
  border: 1px solid #E5EDEC;
  background: #FFF;
  box-shadow: 0px 6px 20px 0px rgba(0, 0, 0, 0.1);
}
@media screen and (max-width: 639px) {
  .nlsg-card-box__overview {
    width: 95vw;
  }
}
.nlsg-card-box__overview__heading {
  display: flex;
  align-items: baseline;
  align-self: stretch;
  justify-content: space-between;
}
.nlsg-card-box__overview__heading-icon-row {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.nlsg-card-box__overview__inner {
  display: flex;
  width: 46.25rem;
  justify-content: space-between;
  align-items: center;
}
@media screen and (max-width: 639px) {
  .nlsg-card-box__overview__inner {
    flex-direction: column;
    align-items: center;
  }
}
.nlsg-card-box__overview__results {
  display: flex;
  width: 22.1875rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 2rem;
  flex-shrink: 0;
  border-radius: 0rem 0.5rem 0.5rem 0rem;
  background: var(--Color-Neutral-white, #FFF);
}
@media screen and (max-width: 639px) {
  .nlsg-card-box__overview__results {
    width: 85vw;
  }
}
.nlsg-card-box__overview__results__inner-card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1rem;
  align-self: stretch;
}
.nlsg-card-box__overview__results__inner-row {
  display: flex;
  align-items: flex-end;
  align-self: stretch;
  justify-content: space-between;
}
.nlsg-card-box__overview__finance {
  display: flex;
  padding: 2rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  flex-shrink: 0;
  border-radius: 0rem 0.5rem 0.5rem 0rem;
  background: var(--Color-Primary-50, #E6FDF3);
}
.nlsg-card-box__overview__finance__inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  align-self: stretch;
}
.nlsg-card-box__overview__finance__results {
  display: flex;
  padding: 1.5rem 0rem;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  align-self: stretch;
}
.nlsg-card-box__overview__finance__results__row {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 0.625rem;
  align-self: stretch;
}
.nlsg-card-box__personal {
  display: flex;
  flex-direction: column;
  padding-left: 2rem;
}
@media screen and (max-width: 639px) {
  .nlsg-card-box__personal {
    padding-left: 0rem;
  }
}
.nlsg-card-box__vehicle-finance {
  display: flex;
  padding: 32px;
  padding-bottom: 32px;
  align-items: flex-start;
  gap: 32px;
  justify-content: center;
  border-radius: 12px;
  border: 1px solid #E5EDEC;
  background: #FFF;
  box-shadow: 0px 6px 20px 0px rgba(0, 0, 0, 0.1);
}
@media screen and (max-width: 639px) {
  .nlsg-card-box__vehicle-finance {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1.5rem;
    align-self: stretch;
    width: 95vw;
  }
}
@media screen and (min-width: 639px) {
  .nlsg-card-box__vehicle-finance {
    display: block;
  }
}
.nlsg-card-box__solar {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 2rem;
}
.nlsg-card-box__finance-calc {
  display: flex;
  padding: 32px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 8px;
  flex: 1 0 0;
  align-self: stretch;
  border-radius: 0px 8px 8px 0px;
  background: var(--Color-Primary-50, #E6FDF3);
}
.nlsg-card-box__finance-calc__inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  align-self: stretch;
  text-align: center;
}
.nlsg-card-box__finance-calc__results {
  display: flex;
  padding: 24px 0px;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  align-self: stretch;
}

.nlsg-row {
  display: flex;
  align-items: flex-start;
  gap: 30px;
}
@media screen and (max-width: 1024px) {
  .nlsg-row {
    flex-direction: column;
  }
}
.nlsg-row__search-input {
  display: flex;
  align-items: center;
  gap: 15px;
}
.nlsg-row__finance {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 10px;
  align-self: stretch;
}
.nlsg-row__dealer {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  gap: 10px;
}

.nlsg-card-grid {
  display: flex;
  padding: 60px 0px 60px 175px;
  flex-direction: column;
  align-items: flex-start;
  gap: 30px;
  align-self: stretch;
  background: var(--neutral-white, #FFF);
}
@media screen and (max-width: 639px) {
  .nlsg-card-grid {
    padding: 60px 0px 60px 0px;
    align-items: center;
  }
}

.nlsg-card-personal {
  display: flex;
  width: 24rem;
  flex-direction: column;
  align-items: stretch;
  padding: 1.5rem;
}
@media screen and (max-width: 639px) {
  .nlsg-card-personal {
    width: 95vw;
    gap: 2rem;
  }
}

.nslg-card-grid-complete {
  display: flex;
  padding: 4rem 0rem;
  flex-direction: column;
  align-items: center;
  gap: 2rem;
  align-self: stretch;
  background: #FFF;
}
@media screen and (max-width: 639px) {
  .nslg-card-grid-complete {
    display: flex;
    padding: 2rem 0rem;
    flex-direction: column;
    align-items: center;
    gap: 1.5rem;
    width: 100vw;
    align-self: stretch;
    margin-left: -1.25rem;
    background: #FFF;
  }
}
.nslg-card-grid-complete__paragraph-box {
  display: flex;
  padding: 2rem;
  flex-direction: column;
  align-items: flex-start;
  gap: 1rem;
  flex: 1 0 0;
  align-self: center;
  width: 880px;
  border-radius: 0.75rem;
  border: 1px solid #E5EDEC;
  background: #FFF;
  box-shadow: 0px 6px 20px 0px rgba(0, 0, 0, 0.1);
}
@media screen and (max-width: 639px) {
  .nslg-card-grid-complete__paragraph-box {
    width: auto;
  }
}
.nslg-card-grid-complete__color {
  display: flex;
  padding: 4rem 0rem;
  flex-direction: column;
  align-items: center;
  gap: 2rem;
  align-self: stretch;
  background: var(--Color-Neutral-50, #F8F8F8);
}
@media screen and (max-width: 639px) {
  .nslg-card-grid-complete__color {
    width: 100vw;
    padding: 1.5rem;
    margin-left: -1.25rem;
  }
}
.nslg-card-grid-complete__row {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.9375rem;
}
.nslg-card-grid-complete__card-row {
  display: flex;
  align-items: flex-start;
  gap: 2rem;
}
@media screen and (max-width: 639px) {
  .nslg-card-grid-complete__card-row {
    flex-direction: column;
  }
}
.nslg-card-grid-complete__card-color {
  display: flex;
  width: 15.5rem;
  padding: 2rem;
  flex-direction: column;
  align-items: flex-start;
  gap: 1rem;
  align-self: stretch;
  border-radius: 0.75rem;
  border: 1px solid #E5EDEC;
  background: var(--Color-Primary-50, #E6FDF3);
  box-shadow: 0px 6px 20px 0px rgba(0, 0, 0, 0.1);
}
.nslg-card-grid-complete__card {
  display: flex;
  width: 15.5rem;
  padding: 2rem;
  flex-direction: column;
  align-items: flex-start;
  gap: 1rem;
  align-self: stretch;
  border-radius: 0.75rem;
  border: 1px solid #E5EDEC;
  background: #FFF;
  box-shadow: 0px 6px 20px 0px rgba(0, 0, 0, 0.1);
}
.nslg-card-grid-complete__card-box {
  display: flex;
  width: 360px;
  padding: 2rem;
  flex-direction: column;
  align-items: flex-start;
  gap: 1rem;
  align-self: stretch;
  border-radius: 0.75rem;
  border: 1px solid #E5EDEC;
  background: #FFF;
  box-shadow: 0px 6px 20px 0px rgba(0, 0, 0, 0.1);
}
.nslg-card-grid-complete__card-box-row {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  gap: 2rem;
}
@media screen and (max-width: 639px) {
  .nslg-card-grid-complete__card-box-row {
    flex-direction: column;
  }
}

.card-container {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}

.icon-container {
  margin-top: auto;
}

.nslg-card-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2rem;
}

.nslg-warning-card {
  display: flex;
  min-width: 20rem;
  max-width: 90rem;
  padding: var(--size-padding-m, 1.5rem);
  align-items: flex-start;
  gap: var(--size-padding-s, 0.5rem);
  align-self: stretch;
  width: 390px;
  border-radius: var(--size-corner-radius-alert-block-note, 0rem);
  background: var(--colour-state-backgrounds-alert-warning, #FFF8CD);
}
@media screen and (max-width: 639px) {
  .nslg-warning-card {
    width: 95vw;
  }
}

.nslg-info-card {
  display: flex;
  padding: var(--Size-Padding-m, 1.5rem);
  align-items: flex-start;
  gap: var(--Size-Padding-s, 0.5rem);
  align-self: stretch;
  align-items: flex-end;
  width: 390px;
  background: var(--Colour-State-Backgrounds-note-info, #DCEEFC);
}
.nslg-info-card-modal-center {
  display: flex;
  padding: var(--Size-Padding-m, 1.5rem);
  align-items: flex-start;
  gap: var(--Size-Padding-s, 0.5rem);
  align-self: center;
  align-items: flex-end;
  width: 390px;
  background: var(--Colour-State-Backgrounds-note-info, #DCEEFC);
}
@media screen and (max-width: 639px) {
  .nslg-info-card {
    width: 95vw;
  }
}

.nslg-full-width-card {
  width: 100%;
}

.nslg-buyer-grid {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4rem;
}

.nslg-search-select-combined {
  display: flex;
  width: 390px;
  gap: 1rem;
}

.nslg-card-grid-color {
  display: flex;
  padding: 60px 175px;
  flex-direction: column;
  align-items: flex-start;
  gap: 30px;
  align-self: stretch;
  background: var(--neutral-50, #F8F8F8);
}
@media screen and (max-width: 639px) {
  .nslg-card-grid-color {
    padding: 60px 0px;
    align-items: center;
  }
}

.nslg-dealer-grid {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 1.875rem;
}
@media screen and (max-width: 639px) {
  .nslg-dealer-grid {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 2.5rem;
    align-self: stretch;
  }
}

.file-upload-title {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  align-self: stretch;
  justify-content: space-between;
}
.file-upload-title__row {
  display: flex;
  align-items: center;
}

.buyer-documents-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2rem;
  align-self: stretch;
}

.file-uploade-title-box.expanded {
  display: flex;
  width: 34rem;
  padding: 2rem;
  flex-direction: column;
  align-items: flex-start;
  gap: 1rem;
  border-radius: 0.75rem;
  border: 1px solid #E5EDEC;
  background: #FFF;
  box-shadow: 0px 6px 20px 0px rgba(0, 0, 0, 0.1);
}
.file-uploade-title-box.expanded.file-uploaded {
  background: #E6FDF3; /* Change this to your desired color for uploaded state */
}
.file-uploade-title-box.expanded.no-file-uploaded {
  background: #FFF; /* Change this to your desired color for no file uploaded state */
}
.file-uploade-title-box.collapsed {
  display: flex;
  width: 34rem;
  padding: 2rem;
  flex-direction: column;
  align-items: flex-start;
  gap: 1rem;
  height: 100px;
  border-radius: 0.75rem;
  border: 1px solid #E5EDEC;
  background: #FFF;
  box-shadow: 0px 6px 20px 0px rgba(0, 0, 0, 0.1);
}
.file-uploade-title-box.collapsed.file-uploaded {
  background: #E6FDF3; /* Change this to your desired color for uploaded state */
}
.file-uploade-title-box.collapsed.no-file-uploaded {
  background: #FFF; /* Change this to your desired color for no file uploaded state */
}

.file-upload-grid {
  display: flex;
  padding: 0rem 3rem;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  gap: 1.5rem;
  align-self: stretch;
  width: fit-content;
}

.up-arrow {
  transform: rotate(180deg);
}

.nslg-modal-grid {
  display: flex;
  padding: 5rem;
  flex-direction: column;
  align-items: flex-start;
  gap: 2rem;
}

.negative-surplus {
  display: flex;
  padding: 1.25rem;
  align-items: flex-start;
  gap: 0.625rem;
  align-self: stretch;
  background: var(--Current-brand-danger-600-15, #F7D4D7);
}

.mt-minus10 {
  margin-top: -10px;
}

.padding-top-10 {
  padding-top: 10px;
}

.padding-top-32 {
  padding-top: 32px;
}

.padding-bottom-32 {
  padding-bottom: 32px;
}

.color-white {
  color: white;
}

.flex-grow-1 {
  flex-grow: 1;
}

.flex-grow-0 {
  flex-grow: 0;
  width: 50%;
}

.no-label {
  margin-bottom: 19px;
}

.nlsg-c-form-element__form-group--date-input .component-container {
  display: flex;
  justify-content: space-between;
}
.nlsg-c-form-element__form-group--date-input .component-container .nlsg-c-form-element__control--day {
  margin-right: 15px;
}
.nlsg-c-form-element__form-group--date-input .component-container .nlsg-c-form-element__control--month {
  margin-right: 15px;
}
.nlsg-c-form-element__form-group--date-input .component-container .nlsg-c-form-element__control--year {
  width: 200%;
}

.nlsg-c-datepicker--range,
.ui-datepicker-inline--range {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.nlsg-c-datepicker input.hasDatepicker,
.ui-datepicker-inline input.hasDatepicker {
  background: #fff;
  cursor: pointer;
}
.nlsg-c-datepicker-icon,
.ui-datepicker-inline-icon {
  position: relative;
  display: flex;
  width: 100%;
  align-items: center;
  top: -25px;
  z-index: 2;
}
.nlsg-c-datepicker-icon:before,
.ui-datepicker-inline-icon:before {
  position: absolute;
  right: 15px;
  display: block;
  color: #bbb;
  z-index: -2;
}
.nlsg-c-datepicker.ui-datepicker,
.ui-datepicker-inline.ui-datepicker {
  width: 100%;
  max-width: 390px;
  display: none;
}
@media screen and (max-width: 640px) {
  .nlsg-c-datepicker.ui-datepicker,
  .ui-datepicker-inline.ui-datepicker {
    display: block;
    max-height: 277px;
  }
}
.nlsg-c-datepicker.ui-datepicker .ui-datepicker-header,
.ui-datepicker-inline.ui-datepicker .ui-datepicker-header {
  position: relative;
  top: -2px;
  border-top: 2px solid #eee;
}
.nlsg-c-datepicker.ui-datepicker .ui-datepicker-prev, .nlsg-c-datepicker.ui-datepicker .ui-datepicker-next,
.ui-datepicker-inline.ui-datepicker .ui-datepicker-prev,
.ui-datepicker-inline.ui-datepicker .ui-datepicker-next {
  position: absolute;
  top: 2px;
  width: 1.8em;
  height: 1.8em;
  font-family: "nlsg-icons" !important;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.nlsg-c-datepicker.ui-datepicker .ui-datepicker-prev:before, .nlsg-c-datepicker.ui-datepicker .ui-datepicker-next:before,
.ui-datepicker-inline.ui-datepicker .ui-datepicker-prev:before,
.ui-datepicker-inline.ui-datepicker .ui-datepicker-next:before {
  color: #333;
}
.nlsg-c-datepicker.ui-datepicker .ui-datepicker-prev:hover, .nlsg-c-datepicker.ui-datepicker .ui-datepicker-next:hover,
.ui-datepicker-inline.ui-datepicker .ui-datepicker-prev:hover,
.ui-datepicker-inline.ui-datepicker .ui-datepicker-next:hover {
  background: transparent;
}
.nlsg-c-datepicker.ui-datepicker .ui-datepicker-prev,
.ui-datepicker-inline.ui-datepicker .ui-datepicker-prev {
  left: 10px;
}
.nlsg-c-datepicker.ui-datepicker .ui-datepicker-next,
.ui-datepicker-inline.ui-datepicker .ui-datepicker-next {
  right: 0px;
}
.nlsg-c-datepicker.ui-datepicker .ui-datepicker-prev span, .nlsg-c-datepicker.ui-datepicker .ui-datepicker-next span,
.ui-datepicker-inline.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker-inline.ui-datepicker .ui-datepicker-next span {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -8px;
  top: 50%;
  margin-top: -8px;
}
.nlsg-c-datepicker.ui-datepicker .ui-datepicker-title,
.ui-datepicker-inline.ui-datepicker .ui-datepicker-title {
  margin: 0 2.3em;
  height: 50px;
  line-height: 1.8em;
  text-align: center;
  font-family: "LibreFranklin-Medium", Helvetica, sans-serif;
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.nlsg-c-datepicker.ui-datepicker select.ui-datepicker-month, .nlsg-c-datepicker.ui-datepicker select.ui-datepicker-year,
.ui-datepicker-inline.ui-datepicker select.ui-datepicker-month,
.ui-datepicker-inline.ui-datepicker select.ui-datepicker-year {
  width: 45%;
}
.nlsg-c-datepicker.ui-datepicker table,
.ui-datepicker-inline.ui-datepicker table {
  width: 100%;
  font-size: 0.9em;
  border-collapse: collapse;
  margin: 0 0 0.4em;
}
@media screen and (max-width: 430px) {
  .nlsg-c-datepicker.ui-datepicker table,
  .ui-datepicker-inline.ui-datepicker table {
    transform: scale(0.77);
    transform-origin: 0% 0%;
  }
}
.nlsg-c-datepicker.ui-datepicker table thead tr th span,
.ui-datepicker-inline.ui-datepicker table thead tr th span {
  font-weight: normal;
  font-size: 14px;
  color: #d7d7d7;
  font-family: "LibreFranklin-Medium", Helvetica, sans-serif;
}
.nlsg-c-datepicker.ui-datepicker th,
.ui-datepicker-inline.ui-datepicker th {
  padding: 0.7em 0.3em;
  text-align: center;
  font-weight: bold;
  border: 0;
}
.nlsg-c-datepicker.ui-datepicker td,
.ui-datepicker-inline.ui-datepicker td {
  border: 0;
  padding: 1px 0px 4px 5px;
}
.nlsg-c-datepicker.ui-datepicker .ui-icon,
.ui-datepicker-inline.ui-datepicker .ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
  left: 0.5em;
  top: 0.3em;
}
.nlsg-c-datepicker.ui-widget.ui-widget-content,
.ui-datepicker-inline.ui-widget.ui-widget-content {
  border: 2px solid #0C8450;
  border-top: 0;
  background: #fff;
  color: #333;
  z-index: 2001 !important;
}
.nlsg-c-datepicker.ui-widget-content a,
.ui-datepicker-inline.ui-widget-content a {
  color: #333 !important;
}
.nlsg-c-datepicker .ui-state-highlight,
.nlsg-c-datepicker .ui-widget-content .ui-state-highlight,
.nlsg-c-datepicker .ui-widget-header .ui-state-highlight,
.ui-datepicker-inline .ui-state-highlight,
.ui-datepicker-inline .ui-widget-content .ui-state-highlight,
.ui-datepicker-inline .ui-widget-header .ui-state-highlight {
  border: 1px solid #d7d7d7;
  background: transparent !important;
}
.nlsg-c-datepicker .ui-state-highlight:hover,
.nlsg-c-datepicker .ui-widget-content .ui-state-highlight:hover,
.nlsg-c-datepicker .ui-widget-header .ui-state-highlight:hover,
.ui-datepicker-inline .ui-state-highlight:hover,
.ui-datepicker-inline .ui-widget-content .ui-state-highlight:hover,
.ui-datepicker-inline .ui-widget-header .ui-state-highlight:hover {
  background: #cee0d9 !important;
  border: 1px solid transparent;
}
.nlsg-c-datepicker .ui-state-active, .nlsg-c-datepicker.ui-widget-content .ui-state-active, .nlsg-c-datepicker.ui-widget-header .ui-state-active,
.ui-datepicker-inline .ui-state-active,
.ui-datepicker-inline.ui-widget-content .ui-state-active,
.ui-datepicker-inline.ui-widget-header .ui-state-active {
  border: 2px solid #cee0d9 !important;
  background: #0C8450 !important;
  font-weight: normal;
  color: #fff !important;
}
.nlsg-c-datepicker .ui-state-hover, .nlsg-c-datepicker.ui-widget-content .ui-state-hover, .nlsg-c-datepicker.ui-widget-header .ui-state-hover, .nlsg-c-datepicker.ui-state-focus, .nlsg-c-datepicker.ui-widget-content .ui-state-focus, .nlsg-c-datepicker.ui-widget-header .ui-state-focus,
.ui-datepicker-inline .ui-state-hover,
.ui-datepicker-inline.ui-widget-content .ui-state-hover,
.ui-datepicker-inline.ui-widget-header .ui-state-hover,
.ui-datepicker-inline.ui-state-focus,
.ui-datepicker-inline.ui-widget-content .ui-state-focus,
.ui-datepicker-inline.ui-widget-header .ui-state-focus {
  background: #E4F2D2;
  font-weight: normal;
  color: #333;
}
.nlsg-c-datepicker .ui-state-disabled,
.ui-datepicker-inline .ui-state-disabled {
  cursor: not-allowed !important;
}
.nlsg-c-datepicker .ui-state-disabled span,
.ui-datepicker-inline .ui-state-disabled span {
  color: #d7d7d7 !important;
}
.nlsg-c-datepicker .ui-state-disabled span:hover,
.ui-datepicker-inline .ui-state-disabled span:hover {
  color: #d7d7d7 !important;
}
.nlsg-c-datepicker .ui-state-disabled:hover,
.ui-datepicker-inline .ui-state-disabled:hover {
  color: #d7d7d7;
}
.nlsg-c-datepicker .ui-datepicker-other-month a,
.ui-datepicker-inline .ui-datepicker-other-month a {
  color: #bbb !important;
}
.nlsg-c-datepicker .ui-datepicker-other-month a:hover,
.ui-datepicker-inline .ui-datepicker-other-month a:hover {
  color: #333 !important;
}
.nlsg-c-datepicker td span,
.nlsg-c-datepicker td a,
.ui-datepicker-inline td span,
.ui-datepicker-inline td a {
  display: flex;
  padding: 0.2em;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  border-radius: 100%;
  height: 44px;
  width: 44px;
}

.day-picker-grid {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 5px;
  padding: 10px;
  border: 2px solid #0C8450;
  border-top: 0;
  background: #fff;
  color: #333;
  z-index: 2001 !important;
}

.day-picker-button {
  padding: 10px;
  text-align: center;
  background-color: #fff;
  cursor: pointer;
  border-radius: 4px;
  border: none;
}

.day-picker-button:hover {
  background-color: #09603A;
  color: white;
  border-radius: 50%;
}

.day-picker-button.selected {
  background-color: #09603A;
  color: white;
  border-radius: 50%;
}

.grid-styling {
  background-color: rgba(0, 150, 57, 0.3);
  color: #fff;
  padding: 15px;
  border: 15px solid #fff;
  text-align: center;
}

.demo-nav {
  background: #0C8450;
  height: 80px;
  width: 100%;
  text-align: center;
  color: #fff;
  padding: 30px;
}

.demo-wrapper .nlsg-c-progress {
  margin-top: 7rem !important;
}
.demo-wrapper .table-sidescroll {
  width: 311px;
  overflow: scroll;
}
.demo-wrapper .nlsg-c-button--spinner {
  margin-top: 7rem !important;
}
.demo-wrapper .nlsg-c-table .more-actions-container {
  top: 52px !important;
}

/* ----------------------
------- Divider ---------
---------------------- */
.nlsg-c-divider {
  display: block;
  position: relative;
  padding: 0;
  margin: 30px auto;
  height: 0;
  width: 100%;
  max-height: 0;
  line-height: 0;
  clear: both;
  border: none;
  border-top: 1px solid #eee;
}
.nlsg-c-divider--left-align {
  margin: 30px auto 30px 0;
}
.nlsg-c-divider--apple-green {
  border-style: solid !important;
  border-color: #78be20 !important;
}

.nlsg-c-form-element {
  /* ----------------------------
  ------- Password input --------
  ---------------------------- */
}
.nlsg-c-form-element .nlsg-c-password-input {
  position: relative;
  cursor: pointer;
  padding-right: 2.5rem;
}
.nlsg-c-form-element .nlsg-c-password-input:before {
  position: absolute;
  right: 13px;
  top: 34px;
  width: 24px;
  height: 24px;
  transition: all 1s ease;
  z-index: 2;
}
.nlsg-c-form-element .nlsg-c-password-input.focus:before {
  display: block;
}

input::-webkit-caps-lock-indicator {
  display: none !important;
}

input::-webkit-credentials-auto-fill-button {
  display: none !important;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  input::-ms-clear, input::-ms-reveal {
    display: none;
  }
}
@supports (-ms-ime-align: auto) {
  input::-ms-clear, input::-ms-reveal {
    display: none;
  }
}
/* --------------------------
------- Progress bar --------
-------------------------- */
.nlsg-c-progress {
  width: 100%;
  max-width: 34.81rem;
}
.nlsg-c-progress .nlsg-c-form-element__label {
  display: flex;
  justify-content: space-between;
}
.nlsg-c-progress .nlsg-c-form-element__label--progress {
  max-width: 100%;
}
.nlsg-c-progress__bar {
  position: relative;
  margin-top: 0.6875rem;
  height: 0.25rem;
  background-color: #eee;
  border-radius: 0;
}
.nlsg-c-progress__bar__value {
  position: absolute;
  width: 0;
  max-width: 100%;
  height: 0.25rem;
  background-color: #78be20;
  box-sizing: border-box;
  transition: width 0.6s ease;
}

.nlsg-c-form-element {
  /* --------------------------
  ------- Radio Button --------
  -------------------------- */
}
.nlsg-c-form-element__radio-group {
  margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
  .nlsg-c-form-element__radio-group {
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 640px) {
  .nlsg-c-form-element__radio-group {
    margin-bottom: 20px;
  }
}
.nlsg-c-form-element__show-mobile-search-select .nlsg-c-form-element__radio-group {
  padding: 0;
}
.nlsg-c-form-element__radio-group .nlsg-c-form-element__label {
  margin-bottom: 15px;
}
@media (min-width: 768px) {
  .nlsg-c-form-element__radio-group {
    padding: 0rem;
  }
}
.nlsg-c-form-element__radio-group__radio__label {
  margin-bottom: 15px;
  font-size: 1rem;
}
.nlsg-c-form-element__radio-group__radio input[type=radio] {
  position: absolute;
  opacity: 0;
}
.nlsg-c-form-element__radio-group__radio input[type=radio] + .nlsg-c-form-element__radio-group__radio__label {
  display: flex;
  align-items: center;
  cursor: pointer;
  color: #666;
}
.nlsg-c-form-element__radio-group__radio input[type=radio] + .nlsg-c-form-element__radio-group__radio__label--error:before {
  border: 2px solid #d22630 !important;
}
.nlsg-c-form-element__radio-group__radio input[type=radio] + .nlsg-c-form-element__radio-group__radio__label:before {
  flex-shrink: 0;
  content: "";
  background: #fff;
  border-radius: 100%;
  border: 2px solid #bbb;
  display: inline-block;
  width: 24px;
  height: 24px;
  position: relative;
  margin-right: 9px;
  vertical-align: middle;
  cursor: pointer;
  text-align: center;
  transition: all 250ms ease;
}
.nlsg-c-form-element__radio-group__radio input[type=radio] + .nlsg-c-form-element__radio-group__radio__label:empty:before {
  margin-right: 0;
}
.nlsg-c-form-element__radio-group__radio input[type=radio]:checked + .nlsg-c-form-element__radio-group__radio__label:before {
  background-color: #78be20;
  box-shadow: inset 0 0 0 2px #fff;
  border: 2px solid #78be20 !important;
}
.nlsg-c-form-element__radio-group__radio input[type=radio]:checked + .nlsg-c-form-element__radio-group__radio__label--error:before {
  background-color: #78be20;
  box-shadow: inset 0 0 0 2px #fff;
  border: 2px solid #78be20 !important;
}
.nlsg-c-form-element__radio-group__radio input[type=radio]:disabled + .nlsg-c-form-element__radio-group__radio__label {
  color: #d7d7d7;
  cursor: not-allowed;
}
.nlsg-c-form-element__radio-group__radio input[type=radio]:disabled + .nlsg-c-form-element__radio-group__radio__label:before {
  cursor: not-allowed;
  box-shadow: inset 0 0 0 2px #fff;
  border-color: #d7d7d7;
  background: #fff;
}

.nlsg-c-form-element {
  /* --------------------------
  ------- Range Slider --------
  -------------------------- */
}
.nlsg-c-form-element__form-group.disabled .nlsg-c-form-element__rangeslider__min-left, .nlsg-c-form-element__form-group.disabled .nlsg-c-form-element__rangeslider__max-right {
  color: #d7d7d7 !important;
}
.nlsg-c-form-element__form-group.disabled #js-value-slider {
  color: #d7d7d7 !important;
}
.nlsg-c-form-element__rangeslider {
  padding-bottom: 50px;
  width: 100%;
  max-width: 390px;
  /* Range Label */
  /* Firefox Overrides */
}
.nlsg-c-form-element__rangeslider #js-value-slider {
  position: relative;
  display: inline-block;
  width: 6.25rem;
  text-align: center;
  margin-left: -3.125rem;
}
.nlsg-c-form-element__rangeslider h6 {
  color: #333;
  margin-bottom: 15px;
  max-width: 100px;
}
.nlsg-c-form-element__rangeslider span {
  color: #666;
  font-size: 0.875rem;
  margin-top: 1.5rem;
  display: block;
}
.nlsg-c-form-element__rangeslider .nlsg-c-form-element__label .tooltip-icon {
  top: -25px !important;
}
.nlsg-c-form-element__rangeslider__min-left {
  float: left;
}
.nlsg-c-form-element__rangeslider__max-right {
  float: right;
}
.nlsg-c-form-element__rangeslider__range {
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 100%;
  height: 6px;
  background: #bbb;
  outline: none;
  /* Range Handle */
}
.nlsg-c-form-element__rangeslider__range::-webkit-slider-thumb {
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 35px;
  height: 35px;
  border: 0;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='35px' height='35px' viewBox='0 0 35 35' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Ccircle id='path-1' cx='17' cy='16' r='15'%3E%3C/circle%3E%3C/defs%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Oval'%3E%3Ccircle id='Oval-2' fill='%23FFFFFF' cx='17' cy='17' r='17'%3E%3C/circle%3E%3Cg id='Oval-1'%3E%3Cuse fill='%23FFFFFF' fill-rule='evenodd' xlink:href='%23path-1'%3E%3C/use%3E%3Ccircle stroke='%2378BE20' stroke-width='4' cx='17' cy='16' r='13'%3E%3C/circle%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  cursor: pointer;
  -webkit-transition: background 0.15s ease-in-out;
  transition: background 0.15s ease-in-out;
}
.nlsg-c-form-element__rangeslider__range::-ms-track {
  color: transparent;
  height: 6px;
  border: none;
}
.nlsg-c-form-element__rangeslider__range::-ms-fill-lower {
  background: #78be20;
}
.nlsg-c-form-element__rangeslider__range::-ms-fill-upper {
  background: #bbb;
}
.nlsg-c-form-element__rangeslider__range::-ms-thumb {
  width: 35px;
  height: 35px;
  border: 0;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg width='35px' height='35px' viewBox='0 0 35 35' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Ccircle id='path-1' cx='17' cy='16' r='15'%3E%3C/circle%3E%3C/defs%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Oval'%3E%3Ccircle id='Oval-2' fill='%23FFFFFF' cx='17' cy='17' r='17'%3E%3C/circle%3E%3Cg id='Oval-1'%3E%3Cuse fill='%23FFFFFF' fill-rule='evenodd' xlink:href='%23path-1'%3E%3C/use%3E%3Ccircle stroke='%2378BE20' stroke-width='4' cx='17' cy='16' r='13'%3E%3C/circle%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  -ms-transition: background 0.15s ease-in-out;
  transition: background 0.15s ease-in-out;
}
.nlsg-c-form-element__rangeslider__range::-ms-tooltip {
  display: none;
}
.nlsg-c-form-element__rangeslider__range::-moz-range-thumb {
  -moz-appearance: none;
  width: 35px;
  height: 35px;
  border: 0;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg width='35px' height='35px' viewBox='0 0 35 35' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Ccircle id='path-1' cx='17' cy='16' r='15'%3E%3C/circle%3E%3C/defs%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Oval'%3E%3Ccircle id='Oval-2' fill='%23FFFFFF' cx='17' cy='17' r='17'%3E%3C/circle%3E%3Cg id='Oval-1'%3E%3Cuse fill='%23FFFFFF' fill-rule='evenodd' xlink:href='%23path-1'%3E%3C/use%3E%3Ccircle stroke='%2378BE20' stroke-width='4' cx='17' cy='16' r='13'%3E%3C/circle%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  cursor: pointer;
  -moz-transition: background 0.15s ease-in-out;
  transition: background 0.15s ease-in-out;
}
.nlsg-c-form-element__rangeslider__range::-moz-range-thumb:hover {
  background: url("data:image/svg+xml;charset=utf8,%3Csvg width='35px' height='35px' viewBox='0 0 35 35' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Ccircle id='path-1' cx='17' cy='16' r='15'%3E%3C/circle%3E%3C/defs%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Oval'%3E%3Ccircle id='Oval-2' fill='%23FFFFFF' cx='17' cy='17' r='17'%3E%3C/circle%3E%3Cg id='Oval-1'%3E%3Cuse fill='%23FFFFFF' fill-rule='evenodd' xlink:href='%23path-1'%3E%3C/use%3E%3Ccircle stroke='%2378BE20' stroke-width='4' cx='17' cy='16' r='13'%3E%3C/circle%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.nlsg-c-form-element__rangeslider__range[disabled]::-ms-thumb, .nlsg-c-form-element__rangeslider__range:disabled::-ms-thumb {
  background: url("data:image/svg+xml;charset=utf8,%3Csvg width='35px' height='35px' viewBox='0 0 35 35' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Ccircle id='path-1' cx='17' cy='16' r='15'%3E%3C/circle%3E%3C/defs%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Oval'%3E%3Ccircle id='Oval-2' fill='%23FFFFFF' cx='17' cy='17' r='17'%3E%3C/circle%3E%3Cg id='Oval-1'%3E%3Cuse fill='%23FFFFFF' fill-rule='evenodd' xlink:href='%23path-1'%3E%3C/use%3E%3Ccircle stroke='%23BBBBBB' stroke-width='4' cx='17' cy='16' r='13'%3E%3C/circle%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.nlsg-c-form-element__rangeslider__range[disabled]::-moz-range-thumb, .nlsg-c-form-element__rangeslider__range:disabled::-moz-range-thumb {
  cursor: not-allowed;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg width='35px' height='35px' viewBox='0 0 35 35' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Ccircle id='path-1' cx='17' cy='16' r='15'%3E%3C/circle%3E%3C/defs%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Oval'%3E%3Ccircle id='Oval-2' fill='%23FFFFFF' cx='17' cy='17' r='17'%3E%3C/circle%3E%3Cg id='Oval-1'%3E%3Cuse fill='%23FFFFFF' fill-rule='evenodd' xlink:href='%23path-1'%3E%3C/use%3E%3Ccircle stroke='%23BBBBBB' stroke-width='4' cx='17' cy='16' r='13'%3E%3C/circle%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.nlsg-c-form-element__rangeslider__range[disabled]::-webkit-slider-thumb, .nlsg-c-form-element__rangeslider__range:disabled::-webkit-slider-thumb {
  cursor: not-allowed;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='35px' height='35px' viewBox='0 0 35 35' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Ccircle id='path-1' cx='17' cy='16' r='15'%3E%3C/circle%3E%3C/defs%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Oval'%3E%3Ccircle id='Oval-2' fill='%23FFFFFF' cx='17' cy='17' r='17'%3E%3C/circle%3E%3Cg id='Oval-1'%3E%3Cuse fill='%23FFFFFF' fill-rule='evenodd' xlink:href='%23path-1'%3E%3C/use%3E%3Ccircle stroke='%23BBBBBB' stroke-width='4' cx='17' cy='16' r='13'%3E%3C/circle%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .nlsg-c-form-element__rangeslider__range {
    height: 87px;
    background: transparent !important;
    margin-top: 0;
    cursor: pointer;
  }
}
@supports (-ms-ime-align: auto) {
  .nlsg-c-form-element__rangeslider__range {
    height: 33px;
    background: transparent !important;
    margin-top: 1rem;
    cursor: pointer;
  }
}
.nlsg-c-form-element__rangeslider__value {
  display: inline-block;
  position: relative;
  width: 100%;
  color: #0C8450;
  line-height: 20px;
  text-align: center;
  border-radius: 3px;
  background: #0C8450;
  padding: 5px 10px;
  margin-left: 8px;
}
.nlsg-c-form-element__rangeslider__value:after {
  position: absolute;
  top: 8px;
  left: -7px;
  width: 0;
  height: 0;
  border-top: 7px solid transparent;
  border-right: 7px solid #0C8450;
  border-bottom: 7px solid transparent;
  content: "";
}
.nlsg-c-form-element__rangeslider ::-moz-range-track {
  background: none;
  border: 0;
}
.nlsg-c-form-element__rangeslider input::-moz-focus-inner,
.nlsg-c-form-element__rangeslider input::-moz-focus-outer {
  border: 0;
}
@supports (-ms-ime-align: auto) {
  .nlsg-c-form-element__rangeslider span {
    position: relative;
    z-index: 1000;
    margin-top: 1rem;
  }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .nlsg-c-form-element__rangeslider span {
    position: relative;
    z-index: 1000;
    margin-top: -0.9rem;
  }
}

.nlsg-c-form-element {
  /* --------------------------
  ------- Search Input --------
  -------------------------- */
}
.nlsg-c-form-element .nlsg-c-search-input {
  position: relative;
  cursor: pointer;
}
.nlsg-c-form-element .nlsg-c-search-input:before, .nlsg-c-form-element .nlsg-c-search-input__search-icon:before, .nlsg-c-form-element .nlsg-c-search-input__clear-search-icon:before {
  position: absolute;
  right: 16px;
  top: 36px;
  transition: all 0.3s ease;
}
@media (min-width: 400px) and (max-width: 767px) {
  .nlsg-c-form-element .nlsg-c-search-input:before, .nlsg-c-form-element .nlsg-c-search-input__search-icon:before, .nlsg-c-form-element .nlsg-c-search-input__clear-search-icon:before {
    top: 38px;
  }
}
.nlsg-c-form-element .nlsg-c-search-input--no-label:before, .nlsg-c-form-element .nlsg-c-search-input--no-label__search-icon:before, .nlsg-c-form-element .nlsg-c-search-input--no-label__clear-search-icon:before {
  top: 20px !important;
}
.nlsg-c-form-element .nlsg-c-search-input__search-icon:before {
  position: absolute;
  right: 13px;
  top: 34px;
  width: 24px;
  height: 24px;
  transition: all 1s ease;
  z-index: 2;
}
.nlsg-c-form-element .nlsg-c-search-input__search-icon.disabled:before {
  color: #d7d7d7;
}
.nlsg-c-form-element .nlsg-c-search-input__clear-search-icon:before {
  position: absolute;
  right: 13px;
  top: 34px;
  width: 24px;
  height: 24px;
  transition: all 1s ease;
  z-index: 2;
}

input:-ms-input-placeholder {
  color: #bbb;
}

.nlsg-c-form-element {
  /* ---------------------------
  ------- Search Select --------
  --------------------------- */
  /* Selects not be be shown on screen sizes smaller than 768px */
}
.nlsg-c-form-element .nlsg-c-search-input {
  position: relative;
  cursor: pointer;
}
.nlsg-c-form-element .nlsg-c-search-input__arrow-down-icon:before, .nlsg-c-form-element .nlsg-c-search-input__arrow-up-icon:before {
  position: absolute;
  right: 16px;
  top: 36px;
  transition: all 0.3s ease;
}
@media (min-width: 400px) and (max-width: 767px) {
  .nlsg-c-form-element .nlsg-c-search-input__arrow-down-icon:before, .nlsg-c-form-element .nlsg-c-search-input__arrow-up-icon:before {
    top: 38px;
  }
}
.nlsg-c-form-element .nlsg-c-search-input__arrow-down-icon:before {
  position: absolute;
  right: 13px;
  top: 34px;
  width: 24px;
  height: 24px;
  transition: all 1s ease;
  z-index: 2;
}
.nlsg-c-form-element .nlsg-c-search-input__arrow-down-icon.disabled:before {
  color: #d7d7d7;
  cursor: not-allowed;
}
.nlsg-c-form-element .nlsg-c-search-input__arrow-up-icon:before {
  position: absolute;
  right: 13px;
  top: 34px;
  width: 24px;
  height: 24px;
  transition: all 1s ease;
  z-index: 2;
}
.nlsg-c-form-element .nlsg-c-search-input__arrow-up-icon.disabled:before {
  color: #d7d7d7;
  cursor: not-allowed;
}
.nlsg-c-form-element .nullResults {
  display: none;
}
.nlsg-c-form-element .nullResults label {
  padding: 0;
}
.nlsg-c-form-element__control--read-only {
  cursor: pointer;
}
.nlsg-c-form-element__label {
  color: #333;
}
.nlsg-c-form-element__label::before {
  font-size: 24px !important;
}
.nlsg-c-form-element__label__read-only {
  margin-bottom: 5px;
}
.nlsg-c-form-element__help {
  display: flex;
  font-size: 0.875rem;
}
@media screen and (max-width: 639px) {
  .nlsg-c-form-element__help {
    position: absolute;
  }
}
.nlsg-c-form-element__form-group--search-select p {
  color: #333 !important;
  padding: 0;
}
.nlsg-c-form-element__search-select-menu {
  display: block;
  position: relative;
  cursor: pointer;
}
.nlsg-c-form-element__search-select-menu__arrow-button {
  float: right;
  position: relative;
  margin-right: 20px;
}
.nlsg-c-form-element__search-select-menu__search-list {
  position: absolute;
  width: 100%;
  max-width: 390px;
  z-index: 100;
  border-bottom: 2px solid #0C8450;
  border-left: 2px solid #0C8450;
  border-right: 2px solid #0C8450;
  margin-top: -0.1rem;
  margin-bottom: 1rem;
  max-height: 280px;
  overflow-y: auto;
  scrollbar-color: #bbb #fff;
}
@media screen and (max-width: 639px) {
  .nlsg-c-form-element__search-select-menu__search-list {
    max-width: 95vw;
  }
}
.nlsg-c-form-element__search-select-menu__search-item {
  padding: 10px;
  min-height: 40px;
  color: #333;
  font-size: 1rem !important;
  background: #fff;
}
.nlsg-c-form-element__search-select-menu__search-item:hover {
  background-color: #eee;
  color: #666;
}
.nlsg-c-form-element__search-select-menu .js-focus {
  border-color: #0C8450 !important;
  outline: none !important;
}
.nlsg-c-form-element__search-select-menu .js-focus-keyClicked {
  background-color: #eee;
  color: #666;
}
.nlsg-c-form-element__search-select-menu .js-focus-keyClicked-global {
  background-color: #eee;
  color: #666;
}
.nlsg-c-form-element__search-select-menu .js-dropdown-search-select {
  display: none;
  height: 280px;
  z-index: 999;
  position: absolute;
  width: 100%;
}
.nlsg-c-form-element__search-select-menu .js-dropdown-search-select::after {
  content: "";
  background: #eee;
  height: 2px;
  width: 99%;
  position: relative;
  top: -2px;
  left: 2px;
  z-index: 99999;
  display: block;
}
.nlsg-c-form-element__search-select-menu .js-dropdown-search-select--show {
  display: block;
}
.nlsg-c-form-element__search-select-menu .js-up-arrow {
  display: none;
  top: -37px;
}
.nlsg-c-form-element__search-select-menu .js-down-arrow {
  top: -34px;
}
.nlsg-c-form-element__search-select-menu .predictive-text {
  color: #bbb;
  margin-right: -3px;
}
.nlsg-c-form-element__search-select-menu .js-dropdown-noresults {
  position: absolute;
  width: 100%;
  max-width: 390px;
  z-index: 100;
  border-bottom: 2px solid #0C8450;
  border-left: 2px solid #0C8450;
  border-right: 2px solid #0C8450;
  margin-top: -0.55rem;
  margin-bottom: 1rem;
  max-height: 322px;
  overflow-y: auto;
  height: 280px;
  justify-content: center;
  align-items: center;
  color: #666;
  background: #fff;
  display: none;
  flex-direction: column;
}
.nlsg-c-form-element__search-select-menu .js-dropdown-noresults span::before {
  font-size: 32px;
}
.nlsg-c-form-element__search-select-menu .js-dropdown-noresults--show {
  display: flex;
}
.nlsg-c-form-element .open-search-select {
  height: 353px;
}

.js-dropdown-noresults-text {
  text-align: center;
}

::-webkit-search-cancel-button {
  display: none;
}

.list-item-selected {
  color: #333 !important;
  border-top: 2px solid #78be20 !important;
  border-bottom: 2px solid #78be20 !important;
  border-left: 2px solid #78be20 !important;
  border-right: 2px solid #78be20 !important;
}

/* Default custom select styles */
div.nlsg-c-select {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  text-align: left;
  background: #fff;
  width: 100%;
  max-width: 390px;
  background: transparent;
  font-size: 1rem;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
  z-index: 898 !important;
  background: #fff;
  /* Placeholder and selected option */
  /* Options */
}
div.nlsg-c-select:focus {
  outline: none;
}
div.nlsg-c-select select {
  display: none;
}
div.nlsg-c-select span {
  display: block;
  position: relative;
  cursor: pointer;
  padding: 0.938rem;
  padding-left: 13px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
div.nlsg-c-select .placeholder {
  position: relative;
}
div.nlsg-c-select > span {
  padding-right: 3em;
  border-top: 2px solid #bbb;
  border-left: 2px solid #bbb;
  border-right: 2px solid #bbb;
  border-bottom: 2px solid #bbb;
  color: #bbb;
  transition: background 0.2s, border-color 0.2s;
}
div.nlsg-c-select > span:after {
  font-family: "nlsg-icons" !important;
  top: 52%;
  right: 13px;
  color: #bbb;
}
div.nlsg-c-select span::after {
  speak: none;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
div.nlsg-c-select .dropdown {
  position: absolute;
  top: 48px;
  overflow: auto;
  width: 100%;
  background: #fff;
  visibility: hidden;
  color: #bbb;
  font-size: 1rem;
  opacity: 0;
  transition: opacity 0.2s, visibility 0s 0.2s;
  height: auto;
  max-height: 486px;
}
div.nlsg-c-select .dropdown li span:hover {
  background: #eee;
}
div.nlsg-c-select .dropdown li.nlsg-c-focus span {
  background: #eee;
}
div.nlsg-c-select ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  color: #333;
}
div.nlsg-c-select ul span {
  padding: 1em;
}
div.nlsg-c-select ul li {
  background: #fff;
}
div.nlsg-c-select ul li.nlsg-c-focus span {
  background-color: #eee;
}
div.nlsg-c-select li.nlsg-c-optgroup ul {
  padding-left: 1em;
}
div.nlsg-c-select li.nlsg-c-optgroup > span {
  cursor: default;
}
div.nlsg-c-select .selected span {
  background: #eee;
}
div.nlsg-c-select.active {
  z-index: 899 !important;
}
div.nlsg-c-select.active .nlsg-c-placeholder {
  color: #bbb !important;
}
div.nlsg-c-select.active .list-item-selected {
  color: #bbb !important;
  border-top: 2px solid #0C8450 !important;
  border-bottom: none !important;
  border-left: 2px solid #0C8450 !important;
  border-right: 2px solid #0C8450 !important;
}
div.nlsg-c-select.active > span {
  background: #fff;
  color: #bbb;
  border-color: #0C8450;
  border-bottom: transparent;
}
div.nlsg-c-select.active > span::after {
  transform: translateY(-50%) rotate(180deg);
}
div.nlsg-c-select.active .dropdown {
  visibility: visible;
  border-bottom: 2px solid #0C8450;
  border-left: 2px solid #0C8450;
  border-right: 2px solid #0C8450;
  opacity: 1;
  transition: opacity 0.2s;
}
div.nlsg-c-select.active .dropdown ul li:first-of-type {
  border-top: 2px solid #eee;
}

.nlsg-c-skeleton:before {
  content: "";
  position: absolute;
  height: 18px;
  width: 70%;
  background: #eee !important;
  color: #eee !important;
  border-radius: 2px;
  stroke: #eee;
  animation-name: color;
  animation-duration: 1.5s;
  animation-iteration-count: infinite;
}

@keyframes color {
  0% {
    background: #eee;
    stroke: #eee;
  }
  50% {
    background: #f7f7f7;
    color: #f7f7f7;
    stroke: #f7f7f7;
  }
  100% {
    background: #eee;
    stroke: #eee;
  }
}
.skeleton-graph {
  margin-top: 0.95rem;
}

.hidden-graph {
  display: none;
}

.nlsg-c-skeleton-path {
  stroke: #eee;
  animation-name: color;
  animation-duration: 1.5s;
  animation-iteration-count: infinite;
  stroke: #eee;
}

.skeleton-nav {
  background-color: transparent;
  height: 80px;
  width: 100%;
  text-align: center;
  padding: 30px;
  border-bottom: 1px solid #eee;
  position: absolute;
  top: -80px;
}
.skeleton-nav a {
  color: #fff;
  font-family: "LibreFranklin-Medium", Helvetica, sans-serif !important;
}
.skeleton-nav a span:before {
  position: relative;
  top: 2px;
}
.skeleton-nav a:hover {
  color: #cedc00 !important;
}
@media screen and (max-width: 640px) {
  .skeleton-nav {
    position: initial;
    top: 0;
  }
}

.dashboard-wrapper .nlsg-c-table {
  min-width: 100% !important;
  max-width: 100%;
  margin: 0 auto;
  width: 100% !important;
}

.collapseable {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border: 1px solid #eee;
  padding: 0.7rem 1rem;
}

.dashboard-container {
  border: 1px solid #eee;
  margin: 2rem;
  padding: 1rem 1rem 0 1rem;
}
.dashboard-container h5 {
  color: #333;
}
.dashboard-container h5 span:before {
  position: relative;
  top: 8px;
}
.dashboard-container .align-p:before {
  position: relative;
  top: 2px;
}
.dashboard-container .bottom-border {
  border-bottom: 1px solid #eee;
}
.dashboard-container--no-border {
  border: none;
}
.dashboard-container .nlsg-icon-after-arrow-right {
  display: flex;
  align-items: center;
}
.dashboard-container .nlsg-icon-after-arrow-right:after {
  position: absolute;
  left: 91%;
}
@media screen and (max-width: 640px) {
  .dashboard-container {
    margin: 0;
  }
}
@media screen and (max-width: 768px) {
  .dashboard-container {
    margin: 0;
  }
}

.nlsg-c-form-element {
  /* ---------------------------
  ------- Number Select --------
  --------------------------- */
}
@media (min-width: 768px) {
  .nlsg-c-form-element__select-menu--number-inputs {
    display: block;
    width: 92px !important;
    height: 50px;
    margin-bottom: 1.7em;
  }
}

.nlsg-c-form-element {
  /* --------------------------
  ------- Switch Field --------
  -------------------------- */
}
.nlsg-c-form-element__switch-field {
  max-width: 390px;
  display: flex;
  justify-content: space-around;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.nlsg-c-form-element__switch-field--unselected label:hover {
  background-color: #78be20;
  color: #fff;
}
.nlsg-c-form-element__switch-field--unselected label:focus {
  background-color: #78be20 !important;
  color: #fff;
}
.nlsg-c-form-element__switch-field__switch-label {
  display: inline-block;
  width: 50%;
  background-color: #fff;
  color: #0C8450;
  height: 50px;
  line-height: 46px;
  text-align: center;
  border: 2px solid;
  transition: background-color 0.1s ease-in-out;
  font-size: 1rem;
}
.nlsg-c-form-element__switch-field__switch-label:hover {
  cursor: pointer;
}
.nlsg-c-form-element__switch-field__switch-label:first-of-type {
  border-radius: 4px 0 0 4px;
}
.nlsg-c-form-element__switch-field__switch-label:nth-of-type(2) {
  border-right: 0;
  border-left: 0;
}
.nlsg-c-form-element__switch-field__switch-label:last-of-type {
  border-radius: 0 4px 4px 0;
  border-right: 2px solid #0C8450;
}
.nlsg-c-form-element__switch-field__switch-label:focus {
  background-color: #78be20 !important;
  color: #fff;
}
.nlsg-c-form-element__switch-field__switch-input {
  position: absolute !important;
  clip: rect(0, 0, 0, 0);
}
.nlsg-c-form-element__switch-field__switch-input:disabled + label, .nlsg-c-form-element__switch-field__switch-input[disabled] + label {
  background: #fff;
  border: 2px solid rgba(12, 132, 80, 0.5);
  cursor: not-allowed;
  color: rgba(12, 132, 80, 0.5);
}
.nlsg-c-form-element__switch-field__switch-input:disabled + label:nth-of-type(2), .nlsg-c-form-element__switch-field__switch-input[disabled] + label:nth-of-type(2) {
  border-left: 0;
}
.nlsg-c-form-element__switch-field__switch-input:disabled + label:last-of-type, .nlsg-c-form-element__switch-field__switch-input[disabled] + label:last-of-type {
  border-radius: 0 4px 4px 0;
  border-left: 0px solid #0C8450;
}
.nlsg-c-form-element__switch-field__switch-input:disabled:checked + label, .nlsg-c-form-element__switch-field__switch-input[disabled][checked] + label {
  background: rgba(12, 132, 80, 0.5);
}
.nlsg-c-form-element__switch-field__switch-input:checked + label {
  background-color: #0C8450;
  color: #fff;
  border: none;
  padding: 2px;
}

.nlsg-c-form-element {
  /* ----------------------
  ------- Textarea --------
  ---------------------- */
}
.nlsg-c-form-element__textarea {
  width: 100%;
  max-width: 390px;
  min-height: 100px;
  border: 2px solid #bbb;
  color: #333;
  padding: 0.5em;
  font-size: 1rem;
  resize: none;
}
.nlsg-c-form-element__textarea:focus {
  border: 2px solid #0C8450 !important;
  outline: none;
}
.nlsg-c-form-element__textarea--has-data {
  border-color: #78be20;
}
.nlsg-c-form-element__charcter_count {
  color: #bbb;
}
.nlsg-c-form-element__charcter_count.active {
  color: #666;
}
.nlsg-c-form-element__charcter_count.limit_reached {
  color: #eee;
}

.nlsg-c-form-element {
  /* --------------------
  ------- Toggle --------
  -------------------- */
}
.nlsg-c-form-element__toggle-wrapper label {
  color: #333;
  display: inline-block;
  font-size: 1rem;
  margin-bottom: -0.425rem;
  margin-right: 4px;
}
.nlsg-c-form-element__toggle-wrapper label.disabled {
  color: #d7d7d7;
}
.nlsg-c-form-element__toggle-wrapper__toggle {
  position: relative;
  display: inline-block;
  width: 45px;
  height: 24px;
}
.nlsg-c-form-element__toggle-wrapper__toggle input {
  position: absolute;
  left: -9999999px;
}
.nlsg-c-form-element__toggle-wrapper__toggle input:checked ~ .nlsg-c-form-element__toggle-wrapper__toggle__slider {
  background-color: #78be20;
  border: 3px solid #78be20;
}
.nlsg-c-form-element__toggle-wrapper__toggle input:checked ~ .nlsg-c-form-element__toggle-wrapper__toggle__slider:before {
  left: -10px;
  border: 3px solid #78be20;
  transform: translateX(28px);
}
.nlsg-c-form-element__toggle-wrapper__toggle input:checked ~ .nlsg-c-form-element__toggle-wrapper__toggle__off-label {
  color: #bbb;
}
.nlsg-c-form-element__toggle-wrapper__toggle input:checked ~ .nlsg-c-form-element__toggle-wrapper__toggle__on-label {
  color: #78be20;
}
.nlsg-c-form-element__toggle-wrapper__toggle input:disabled ~ .nlsg-c-form-element__toggle-wrapper__toggle__slider {
  border: 3px solid #d7d7d7;
  background-color: #d7d7d7;
  cursor: not-allowed;
}
.nlsg-c-form-element__toggle-wrapper__toggle input:disabled ~ .nlsg-c-form-element__toggle-wrapper__toggle__slider:before {
  border: 3px solid #d7d7d7;
}
.nlsg-c-form-element__toggle-wrapper__toggle__slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 3px solid #bbb;
  background-color: #bbb;
  transition: 0.4s;
  border-radius: 5px;
}
.nlsg-c-form-element__toggle-wrapper__toggle__slider:before {
  position: absolute;
  content: "";
  height: 24px;
  width: 24px;
  left: -3px;
  border: 3px solid #bbb;
  bottom: -3px;
  background-color: #fff;
  transition: 0.4s;
  border-radius: 5px;
  background-clip: padding-box;
}
.nlsg-c-form-element__toggle-wrapper__toggle .round {
  border-radius: 30px;
}
.nlsg-c-form-element__toggle-wrapper__toggle .round:before {
  border-radius: 30px;
}
.nlsg-c-form-element__toggle-wrapper__toggle__off-label {
  float: left;
  font-size: 16px;
  color: #666;
  margin-top: 0.45rem;
  margin-left: -2.2rem;
  padding-right: 10px;
}
.nlsg-c-form-element__toggle-wrapper__toggle__on-label {
  float: right;
  font-size: 16px;
  color: #bbb;
  margin-top: 0.45rem;
  margin-right: -2rem;
  padding-left: 10px;
}

/* ---------------------
------- Tooltip --------
--------------------- */
.tooltip-container {
  position: relative;
  flex-direction: column;
}
.tooltip-container--row {
  flex-direction: row;
  align-items: center;
}
.tooltip-container__inner {
  display: flex;
}
.tooltip-container__inner .nlsg-c-tooltip {
  opacity: 0;
  visibility: hidden;
  display: flex;
  position: absolute;
  height: auto;
  width: auto;
  max-width: 280px;
  background: #666;
  z-index: 1000;
  padding: 10px;
  text-align: left;
  border-radius: 5px;
  margin-bottom: 7px;
  transition: opacity 0.2s ease-out;
}
.tooltip-container__inner .nlsg-c-tooltip--with-heading {
  flex-direction: column;
  align-items: flex-start;
}
.tooltip-container__inner .nlsg-c-tooltip--with-heading .tooltip-heading {
  color: #fff;
  margin-bottom: 5px;
  font-size: 14px;
  line-height: 1;
  font-family: "LibreFranklin-Medium", Helvetica, sans-serif;
}
.tooltip-container__inner .nlsg-c-tooltip p {
  color: #fff;
  font-size: 12px;
  margin-bottom: 0;
  padding: 0;
}
.tooltip-container__inner .nlsg-c-tooltip:after {
  content: "";
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTRweCIgaGVpZ2h0PSI3cHgiIHZpZXdCb3g9IjAgMCAxNCA3IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA1NSAoNzgwNzYpIC0gaHR0cHM6Ly9za2V0Y2hhcHAuY29tIC0tPgogICAgPHRpdGxlPlBhdGg8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZyBpZD0iUGF0aC0tUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8cG9seWdvbiBpZD0iUGF0aC0tUGF0aCIgZmlsbD0iIzY2NjY2NiIgZmlsbC1ydWxlPSJub256ZXJvIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg3LjAwMDAwMCwgLTAuMDAwMDAwKSByb3RhdGUoNDUuMDAwMDAwKSB0cmFuc2xhdGUoLTcuMDAwMDAwLCAwLjAwMDAwMCkgIiBwb2ludHM9IjExLjk0OTc0NzUgLTQuOTQ5NzQ3NDcgMTEuOTQ5NzQ3NSA0Ljk0OTc0NzQ3IDIuMDUwMjUyNTMgNC45NDk3NDc0NyI+PC9wb2x5Z29uPgogICAgPC9nPgo8L3N2Zz4=");
  background-repeat: no-repeat;
  opacity: 1;
  position: absolute;
  height: 20px;
  width: 20px;
  background-position-x: center;
  top: 100%;
  pointer-events: none;
}
.tooltip-container__inner .show-tooltip {
  opacity: 1;
  visibility: inherit;
}
.tooltip-container__inner--top .nlsg-c-tooltip {
  bottom: 90px;
}
.tooltip-container__inner--top .nlsg-c-tooltip:after {
  top: 100%;
}
.tooltip-container__inner--top--no-hint .nlsg-c-tooltip {
  bottom: 73px;
}
.tooltip-container__inner--left {
  align-items: flex-start;
}
.tooltip-container__inner--left .nlsg-c-tooltip:after {
  left: 7px;
}
.tooltip-container__inner--right {
  justify-content: flex-end;
}
.tooltip-container__inner--right .nlsg-c-tooltip {
  right: 0;
}
.tooltip-container__inner--right .nlsg-c-tooltip:after {
  right: 6px;
}
.tooltip-container__inner--bottom .nlsg-c-tooltip--with-heading {
  margin-top: 15px;
}
.tooltip-container__inner--bottom.nlsg-c-tooltip--select .nlsg-c-tooltip {
  margin-top: 15px;
}
.tooltip-container__inner--bottom.nlsg-c-tooltip--select .nlsg-c-tooltip--with-heading {
  margin-top: -80px;
}
.tooltip-container__inner--bottom.nlsg-c-tooltip--button .nlsg-c-tooltip {
  margin-top: 60px;
}
.tooltip-container__inner--bottom .nlsg-c-tooltip:after {
  top: -20px;
  transform: rotate(180deg);
}
.tooltip-container__inner--center {
  align-items: center;
}
.tooltip-container__inner--center .nlsg-c-tooltip--with-heading {
  align-items: center;
  text-align: center;
}
.tooltip-container__inner .component-container {
  width: 100%;
}
@media screen and (min-width: 639px) {
  .tooltip-container__inner .component-container {
    width: 100%;
  }
}
@media screen and (max-width: 639px) {
  .tooltip-container__inner .component-container {
    max-width: 95vw;
  }
}
.tooltip-container__inner .component-container--no-hint {
  margin-bottom: 17px;
}
.tooltip-container__inner .component-container .tooltip-icon {
  position: absolute;
  display: block;
  z-index: 800;
  top: 0;
  right: 8px;
}
.tooltip-container__inner .component-container .tooltip-icon:after {
  font-family: "nlsg-icons" !important;
  position: absolute;
  line-height: 0.8;
  right: 0;
  top: 3px;
}
.tooltip-container__inner .component-container .tooltip-target {
  cursor: pointer;
  height: 1rem;
}
.tooltip-container__inner .component-container .tooltip-disabled-button {
  background: #d7d7d7 !important;
  border: 2px solid #d7d7d7 !important;
  cursor: not-allowed;
  margin-bottom: 0;
}
.tooltip-container__inner .component-container .tooltip-disabled-button:hover {
  background: #d7d7d7 !important;
  border: 2px solid #d7d7d7 !important;
  cursor: not-allowed;
}

.tooltip-inline {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 5;
}
.tooltip-inline:hover p {
  visibility: visible;
  opacity: 1;
}
.tooltip-inline:hover p.OnTop {
  transform: translate(-50%, -100%);
}
.tooltip-inline:hover p.OnBottom {
  transform: translate(-50%, 100%);
}
.tooltip-inline:hover p.OnLeft {
  transform: translate(-100%, -50%);
}
.tooltip-inline:hover p.OnRight {
  transform: translate(100%, -50%);
}
.tooltip-inline p {
  opacity: 0;
  width: auto;
  display: inline-block;
  visibility: hidden;
  position: absolute;
  background: #666;
  color: #fff;
  font-size: 12px;
  line-height: 1.2;
  padding: 10px;
  border-radius: 5px;
  white-space: normal;
  margin-top: 2.5rem;
  transition: all 0.2s ease-out;
}
.tooltip-inline p.OnTop {
  top: -50px;
  left: 50%;
  transform: translate(-50%, -100%);
}
.tooltip-inline p.OnTop:before {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border-top: 8px solid #666;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  bottom: -8px;
  margin-left: -8px;
  left: 50%;
}
.tooltip-inline p.OnBottom {
  bottom: -30px;
  left: 50%;
  transform: translate(-50%, 100%);
}
.tooltip-inline p.OnBottom:before {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border-bottom: 8px solid #666;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  top: -8px;
  margin-left: -8px;
  left: 50%;
}
.tooltip-inline p.OnLeft {
  left: -15px;
  top: -30px;
  transform: translate(-100%, -50%);
}
.tooltip-inline p.OnLeft:before {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border-left: 8px solid #666;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  top: 50%;
  margin-top: -8px;
  right: -7px;
}
.tooltip-inline p.OnRight {
  right: -15px;
  top: -30px;
  transform: translate(100%, -50%);
}
.tooltip-inline p.OnRight:before {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border-right: 8px solid #666;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  top: 50%;
  margin-top: -8px;
  left: -7px;
}

.js-override--top .nlsg-c-tooltip {
  top: 0 !important;
  bottom: auto !important;
}
.js-override--top .nlsg-c-tooltip:after {
  bottom: 100% !important;
  top: 100%;
  transform: rotate(0);
}
.js-override--bottom .nlsg-c-tooltip {
  top: 100% !important;
  margin-top: -64px !important;
}
.js-override--bottom .nlsg-c-tooltip:after {
  top: -20px !important;
  transform: rotate(180deg);
}

.width-over-80 {
  width: 200px !important;
}

.width-over-40 {
  width: 160px !important;
}

.width-over-20 {
  width: 100px !important;
}

.width-over-10 {
  width: 90px !important;
}

.width-under-10 {
  width: 80px !important;
}

.nlsg-c-footer {
  padding: 0;
  display: flex;
  width: 100%;
  height: 38px;
  max-height: 38px;
  justify-content: space-evenly;
  background: #fff;
  color: #666;
  border-top: 1px solid #eee;
}
@media (max-width: 1024px) {
  .nlsg-c-footer {
    max-height: 70px;
    height: 70px;
  }
}
.nlsg-c-footer__inner {
  display: flex;
  justify-content: space-between;
  width: 100%;
  flex-wrap: wrap;
  padding: 0.6rem 1.25rem;
}
@media screen and (max-width: 639px) {
  .nlsg-c-footer__inner {
    padding: 0rem;
  }
}
@media (min-width: 1025px) {
  .nlsg-c-footer__inner {
    flex-wrap: nowrap;
  }
}
@media (max-width: 1024px) {
  .nlsg-c-footer__inner {
    flex-direction: row-reverse;
  }
}
.nlsg-c-footer__inner__left-links {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex: 1 0 0;
}
.nlsg-c-footer__inner__left-links li {
  cursor: pointer;
  white-space: nowrap;
}
@media screen and (max-width: 639px) {
  .nlsg-c-footer__inner__left-links li {
    padding-left: 39px;
  }
}
@media (max-width: 1024px) {
  .nlsg-c-footer__inner__left-links {
    order: 2;
    margin-top: 0.7rem;
  }
}
@media (min-width: 1025px) {
  .nlsg-c-footer__inner__left-links {
    margin-right: 20px;
    gap: 3px;
  }
}
.nlsg-c-footer__inner__right-links {
  display: flex;
  margin-top: auto;
  flex-direction: row;
  align-items: center;
  font-size: 0.875rem;
}
@media screen and (max-width: 639px) {
  .nlsg-c-footer__inner__right-links {
    flex-direction: column;
  }
}
.nlsg-c-footer__inner__right-links li {
  border-right: 1px solid #eee;
  padding-right: 1rem;
  margin-right: 1rem;
}
@media (max-width: 1024px) {
  .nlsg-c-footer__inner__right-links li {
    font-size: 0.75rem;
    padding-right: 0.5rem;
    margin-right: 0.5rem;
  }
}
@media screen and (max-width: 639px) {
  .nlsg-c-footer__inner__right-links li {
    font-size: 1.125rem;
    font-weight: 400;
    align-self: flex-start;
    border-top: 1px solid #D2D5D3;
    width: 100vw;
    padding: 19px;
  }
}
.nlsg-c-footer__inner__right-links li:last-child {
  border: 0;
  margin-right: 0;
  padding-right: 0;
}
@media screen and (max-width: 639px) {
  .nlsg-c-footer__inner__right-links li:last-child {
    border-top: 1px solid #D2D5D3;
    padding-bottom: 0px;
  }
}
.nlsg-c-footer__inner__right-links li a {
  color: #666;
  text-decoration: none;
}
@media screen and (max-width: 639px) {
  .nlsg-c-footer__inner__right-links li a {
    padding: 0px 20px;
  }
}
.nlsg-c-footer__inner__right-links li a:hover {
  color: #333;
}

/* -------------------
------- Stepper ------ 
------------------- */ /* ----- 

/* Desktop  and tablet Stepper wrapper */
.nlsg-c-stepper {
  /* Top Nav */
  /* Main content */
}
.nlsg-c-stepper__top-nav {
  display: flex;
  position: fixed;
  width: calc(100vw - 5px);
  z-index: 1300;
  background-color: #fff;
  border-bottom: 1px solid #eee;
  border-top: 1px solid #eee;
  font-size: 1.125rem;
  height: 10vh;
  max-height: 80px;
  min-height: 80px;
  justify-content: space-between;
}
.nlsg-c-stepper__top-nav span {
  font-size: 1.125rem;
}
@media screen and (min-width: 1025px) {
  .nlsg-c-stepper__top-nav span.step-number {
    margin-right: 0.4375rem;
  }
}
.nlsg-c-stepper__top-nav a {
  text-decoration: none !important;
}
.nlsg-c-stepper__top-nav__logo {
  display: flex;
  justify-content: space-around;
  align-items: center;
  min-width: 70px;
  margin-right: 0.5rem;
}
.nlsg-c-stepper__top-nav__logo svg {
  min-width: 36px;
  max-width: 36px;
}
.nlsg-c-stepper__top-nav__logo img {
  height: 3.4375rem;
  width: auto;
  margin-left: 1rem;
}
.nlsg-c-stepper__top-nav__left {
  display: flex;
  flex: 1 1 80%;
  counter-reset: li;
  justify-content: space-around;
  max-width: 1024px;
  position: relative;
}
.nlsg-c-stepper__top-nav__left li {
  display: flex;
  flex: 1 1 auto;
  cursor: pointer;
}
.nlsg-c-stepper__top-nav__left li.active .top-nav-item-wrap {
  color: #009639;
  font-family: "LibreFranklin-Medium", Helvetica, sans-serif;
}
.nlsg-c-stepper__top-nav__left li.active .top-nav-item-wrap span.step-number {
  margin-right: 0.4375rem;
}
.nlsg-c-stepper__top-nav__left li.active .top-nav-item-wrap span.step-label {
  display: block;
}
.nlsg-c-stepper__top-nav__left li.active .top-nav-item-wrap i.nlsg-icon-check, .nlsg-c-stepper__top-nav__left li.active .top-nav-item-wrap i.nlsg-c-alert--inline--success, .nlsg-c-stepper__top-nav__left li.active .top-nav-item-wrap i.nlsg-c-alert--block--success:before {
  display: none;
}
.nlsg-c-stepper__top-nav__left li.active .top-nav-item-wrap i.nlsg-icon-time {
  display: none;
}
.nlsg-c-stepper__top-nav__left li.disabled .top-nav-item-wrap {
  color: #d7d7d7;
  font-family: "LibreFranklin-Regular", Helvetica, sans-serif;
  cursor: not-allowed;
}
.nlsg-c-stepper__top-nav__left li.disabled .top-nav-item-wrap svg {
  width: 20px;
  opacity: 1;
}
.nlsg-c-stepper__top-nav__left li.disabled .top-nav-item-wrap i.nlsg-icon-check, .nlsg-c-stepper__top-nav__left li.disabled .top-nav-item-wrap i.nlsg-c-alert--inline--success, .nlsg-c-stepper__top-nav__left li.disabled .top-nav-item-wrap i.nlsg-c-alert--block--success:before {
  display: none;
}
.nlsg-c-stepper__top-nav__left li.disabled .top-nav-item-wrap i.nlsg-icon-time {
  display: none;
}
.nlsg-c-stepper__top-nav__left li.incomplete .top-nav-item-wrap {
  color: #666;
  font-family: "LibreFranklin-Regular", Helvetica, sans-serif;
}
.nlsg-c-stepper__top-nav__left li.incomplete .top-nav-item-wrap svg {
  width: 20px;
  opacity: 1;
}
.nlsg-c-stepper__top-nav__left li.incomplete .top-nav-item-wrap i.nlsg-icon {
  color: #f2a900;
  margin-right: 0.4375rem;
  margin-top: 0.125rem;
}
.nlsg-c-stepper__top-nav__left li.incomplete .top-nav-item-wrap i.nlsg-icon-check, .nlsg-c-stepper__top-nav__left li.incomplete .top-nav-item-wrap i.nlsg-c-alert--inline--success, .nlsg-c-stepper__top-nav__left li.incomplete .top-nav-item-wrap i.nlsg-c-alert--block--success:before {
  display: none;
}
.nlsg-c-stepper__top-nav__left li.incomplete .top-nav-item-wrap i.nlsg-icon-time {
  display: block;
}
.nlsg-c-stepper__top-nav__left li.incomplete .top-nav-item-wrap span.step-number {
  display: none;
}
.nlsg-c-stepper__top-nav__left li.completed .top-nav-item-wrap {
  color: #78be20;
  font-family: "LibreFranklin-Regular", Helvetica, sans-serif;
}
.nlsg-c-stepper__top-nav__left li.completed .top-nav-item-wrap svg {
  width: 20px;
  opacity: 1;
}
.nlsg-c-stepper__top-nav__left li.completed .top-nav-item-wrap i.nlsg-icon {
  margin-top: 0.125rem;
}
.nlsg-c-stepper__top-nav__left li.completed .top-nav-item-wrap i.nlsg-icon-check, .nlsg-c-stepper__top-nav__left li.completed .top-nav-item-wrap i.nlsg-c-alert--inline--success, .nlsg-c-stepper__top-nav__left li.completed .top-nav-item-wrap i.nlsg-c-alert--block--success:before {
  display: block;
}
.nlsg-c-stepper__top-nav__left li.completed .top-nav-item-wrap i.nlsg-icon-time {
  display: none;
}
.nlsg-c-stepper__top-nav__left li.completed .top-nav-item-wrap span.step-number {
  display: none;
}
.nlsg-c-stepper__top-nav__left li a {
  width: 100%;
  display: flex;
  justify-content: center;
  color: #666;
  font-family: "LibreFranklin-Regular", Helvetica, sans-serif;
  border-bottom: 3px solid transparent;
  transition: all 0.3s ease-in;
}
.nlsg-c-stepper__top-nav__left li a .top-nav-item-wrap {
  display: flex;
  align-items: center;
  transition: all 0.3s ease;
}
.nlsg-c-stepper__top-nav__left li a .top-nav-item-wrap svg {
  width: 0;
  opacity: 0;
}
@media screen and (max-width: 1024px) {
  .nlsg-c-stepper__top-nav__left li a .top-nav-item-wrap .step-label {
    display: none;
  }
}
.nlsg-c-stepper__top-nav__left li a .animation-completed {
  position: relative;
  top: 0;
  left: -0.5rem;
  line-height: -1.2;
  margin-left: 1rem;
}
.nlsg-c-stepper__top-nav__left li a .animation-completed .path {
  stroke-dasharray: 30;
  stroke-dashoffset: 0;
  transition: all 0.8s ease-in-out;
}
.nlsg-c-stepper__top-nav__left li a .animation-completed .path--animation {
  stroke-dashoffset: 30;
}
.nlsg-c-stepper__top-nav__left li a .animation-incompleted {
  position: relative;
  top: 0;
  left: -0.5rem;
  line-height: -1.2;
  margin-left: 1rem;
  transition: all 0.4s;
}
.nlsg-c-stepper__top-nav__left li a .animation-incompleted .path {
  stroke-dasharray: 30;
  stroke-dashoffset: 9.1;
  transition: all 1s ease-in-out;
}
.nlsg-c-stepper__top-nav__left li a .animation-incompleted .path--animation {
  stroke-dashoffset: 30;
}
.nlsg-c-stepper__top-nav__left__next-arrow {
  width: 20px;
  display: flex;
  justify-content: center;
}
.nlsg-c-stepper__top-nav__left__step {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: transparent;
  margin-right: 0.5rem;
}
.nlsg-c-stepper__top-nav__left #marker {
  position: absolute;
  display: none;
  border-bottom: 4px solid #009639;
  height: 4px;
  transform: skew(-20deg);
  transition: width 0.2s, left 0.2s;
}
.nlsg-c-stepper__top-nav__right {
  display: flex;
  justify-content: flex-end;
  padding: 1.35rem 0;
}
.nlsg-c-stepper__top-nav__right li {
  display: flex;
  width: 65px;
  align-items: center;
  justify-content: space-around;
  color: #0C8450;
}
.nlsg-c-stepper__top-nav__right li:last-of-type a,
.nlsg-c-stepper__top-nav__right li:last-of-type a:hover,
.nlsg-c-stepper__top-nav__right li:last-of-type a:visited {
  color: #bbb !important;
}
.nlsg-c-stepper__main {
  display: flex;
  overflow: hidden;
  justify-content: space-around;
  width: 100%;
  /* Side Nav */
  /* Content */
  /* Aside / Chat widget area */
}
.nlsg-c-stepper__main__left {
  display: flex;
  flex: 0.4;
  justify-content: center;
}
.nlsg-c-stepper__main__right {
  display: flex;
  flex: 0.6;
}
.nlsg-c-stepper__main__right app-alert {
  flex: 1;
}
.nlsg-c-stepper__main__side-nav {
  padding-top: 8rem;
  position: relative;
  display: flex;
  max-width: 250px;
  flex: 0 0 25%;
  justify-content: center;
}
@media screen and (max-width: 639px) {
  .nlsg-c-stepper__main__side-nav {
    padding-top: 0rem;
  }
}
@media screen and (min-width: 769px) {
  .nlsg-c-stepper__main__side-nav {
    min-height: calc(100vh - 70px);
  }
}
@media screen and (min-width: 1025px) {
  .nlsg-c-stepper__main__side-nav {
    min-height: calc(100vh - 120px);
  }
}
.nlsg-c-stepper__main__side-nav .side-wrapper {
  display: flex;
  max-width: 230px;
  height: fit-content;
}
@media screen and (min-width: 1025px) {
  .nlsg-c-stepper__main__side-nav .side-wrapper {
    max-width: 300px;
  }
}
.nlsg-c-stepper__main__side-nav p {
  margin-bottom: 0;
  font-weight: 500;
}
.nlsg-c-stepper__main__side-nav li {
  max-height: 3.125rem;
  min-height: 3.125rem;
  padding: 0.8rem 0;
  font-size: 0.875rem;
  transition: all 0.5s ease;
}
.nlsg-c-stepper__main__side-nav li a {
  position: relative;
  line-height: 1.4;
  padding: 0;
  text-decoration: none !important;
}
.nlsg-c-stepper__main__side-nav li a:hover {
  cursor: pointer;
}
.nlsg-c-stepper__main__side-nav li.disabled, .nlsg-c-stepper__main__side-nav li.completed, .nlsg-c-stepper__main__side-nav li.incomplete {
  transition: all 0.5s ease;
}
.nlsg-c-stepper__main__side-nav li .animation-completed {
  position: relative;
  top: 0;
  left: -0.5rem;
  line-height: -1.2;
}
.nlsg-c-stepper__main__side-nav li .animation-completed .path {
  stroke-dasharray: 30;
  stroke-dashoffset: 0;
  transition: all 0.8s ease-in-out;
}
.nlsg-c-stepper__main__side-nav li .animation-completed .path--animation {
  stroke-dashoffset: 30;
}
.nlsg-c-stepper__main__side-nav__mainstep {
  display: flex;
  justify-content: space-between;
  gap: 2rem;
  align-items: center;
  align-self: stretch;
}
.nlsg-c-stepper__main__side-nav__mainstep .disabled {
  color: #8D9491;
}
.nlsg-c-stepper__main__side-nav__mainstep .isCurrent {
  color: #1D1F1E;
}
.nlsg-c-stepper__main__side-nav__link {
  cursor: default;
  padding: 0.5rem 0rem 0.5rem 1rem;
  color: #666;
}
.nlsg-c-stepper__main__side-nav__link .completed {
  color: #1D1F1E;
}
.nlsg-c-stepper__main__side-nav__link .active {
  color: #10a867;
}
.nlsg-c-stepper__main__side-nav__link .disabled {
  color: #8D9491;
}
.nlsg-c-stepper__main__side-nav .progress-bar-side {
  background-color: #eee;
  width: 4px;
  margin-right: 1rem;
}
.nlsg-c-stepper__main__side-nav .progress-bar-side .inner {
  background-color: #10a867;
}
.nlsg-c-stepper__main .__right_ie {
  margin-left: 20%;
}
.nlsg-c-stepper__main .__right_ie app-alert {
  flex: 1;
}
.nlsg-c-stepper__main .__right_ie_no_margin {
  margin-left: 0% !important;
}
.nlsg-c-stepper__main .__right_ie_no_margin app-alert {
  flex: 1;
}
.nlsg-c-stepper__main .__left_ie {
  display: inline;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: 0px;
  justify-content: center;
  margin-left: 5%;
  margin-top: 2%;
}
.nlsg-c-stepper__main .__left_ie_no_margin {
  display: none !important;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: 0px;
  justify-content: center;
  margin-left: 0% !important;
  margin-top: 0% !important;
}
.nlsg-c-stepper__main__content {
  display: flex;
  -webkit-overflow-scrolling: touch;
  align-items: baseline;
  padding-top: 8rem;
  overflow-y: scroll;
  max-height: calc(100vh - 58px);
  -ms-overflow-style: none;
  scrollbar-width: none;
  transition: all 0.5s linear;
}
.nlsg-c-stepper__main__content ::-webkit-scrollbar {
  display: none;
}
@media screen and (min-width: 769px) {
  .nlsg-c-stepper__main__content {
    max-height: calc(100vh - 58px);
    justify-content: center;
    align-items: center;
  }
}
@media screen and (min-width: 1025px) {
  .nlsg-c-stepper__main__content {
    max-height: calc(100vh - 58px);
    justify-content: flex-start;
    align-items: center;
  }
}
.nlsg-c-stepper__main__content .content {
  padding: 0 1.875rem 1.875rem 0.625rem;
  position: relative;
  opacity: 1;
  transition: top 1.2s ease, opacity 0.8s ease;
  max-height: calc(100vh - 134px);
  /* Add these classes for desired content animation */
}
@media screen and (min-width: 769px) {
  .nlsg-c-stepper__main__content .content {
    max-height: calc(100vh - 150px);
  }
}
@media screen and (min-width: 1025px) {
  .nlsg-c-stepper__main__content .content {
    max-height: calc(100vh - 118px);
    padding-left: 32px;
    overflow-y: auto;
    scrollbar-color: #bbb #fff;
    height: 80vh;
    margin-right: 1rem;
    width: 100%;
    display: flex;
  }
}
.nlsg-c-stepper__main__content .content h1 {
  margin-top: 3.75rem;
}
.nlsg-c-stepper__main__content .content .nlsg-c-form-element {
  float: left !important;
}
.nlsg-c-stepper__main__content .content--out, .nlsg-c-stepper__main__content .content--off {
  opacity: 0;
  position: absolute;
}
.nlsg-c-stepper__main__content .content--out {
  top: 1000px;
}
.nlsg-c-stepper__main__content .content--off {
  top: -1000px;
}
.nlsg-c-stepper__main__content .content--wide {
  max-width: 100vw;
  min-width: auto;
  width: calc(100vw - 5px);
  padding: 0 1.875rem 1.875rem 1.875rem;
}
.nlsg-c-stepper__main__content .content--top {
  align-self: flex-start;
  padding-top: 1.875rem;
}
.nlsg-c-stepper__main__content--long-content {
  height: 100vh;
}
.nlsg-c-stepper__main__content--long-content .content {
  height: 100vh;
  padding-top: 60px;
}
.nlsg-c-stepper__main__aside {
  display: flex;
  justify-content: center;
  min-width: 300px;
  max-width: 440px;
  width: 440px;
  background-color: #fff;
  padding: 2rem 1rem 0rem 1rem;
  border-left: 1px solid #bbb;
}
.nlsg-c-stepper__main__aside--hidden-chat {
  border-left: none;
  width: 0;
  padding: 0;
}
.nlsg-c-stepper__main__aside--hidden-chat div {
  display: none;
}
@media screen and (max-width: 1024px) {
  .nlsg-c-stepper__main__aside {
    display: none;
  }
}
@media screen and (min-width: 769px) {
  .nlsg-c-stepper {
    display: block;
  }
}
@media screen and (max-width: 768px) {
  .nlsg-c-stepper {
    display: none;
  }
}

/* Below 768px to Stepper wrapper */
.nlsg-c-stepper--mobile {
  position: relative;
  overflow: hidden;
  /* Top Nav / first step */
  /* Global button styling for both steps */
}
.nlsg-c-stepper--mobile .mobile-nav-fixed-wrapper {
  position: fixed;
  margin: 0;
  top: 0;
  background: #009639;
  z-index: 1300;
}
.nlsg-c-stepper--mobile .mobile-nav-fixed-wrapper--side-stepper {
  background: #fff;
}
.nlsg-c-stepper--mobile__content {
  position: relative;
  background: linear-gradient(#009639, #0C8450);
  right: 0;
  opacity: 1;
  transition: right 1s ease-in-out, opacity 1.2s ease-in-out;
  /* Side Nav / Sub steps */
}
.nlsg-c-stepper--mobile__content--full {
  min-height: 100vh;
}
.nlsg-c-stepper--mobile__content--out, .nlsg-c-stepper--mobile__content--off {
  opacity: 0;
  position: absolute;
  width: 100%;
}
.nlsg-c-stepper--mobile__content--out {
  right: 1000px;
}
.nlsg-c-stepper--mobile__content--off {
  right: -1000px;
}
.nlsg-c-stepper--mobile__content__top-nav {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  height: 60px;
  max-height: 60px;
  padding: 0 1.25rem;
  width: calc(100vw - 5px);
}
.nlsg-c-stepper--mobile__content__top-nav p {
  color: #fff;
  font-size: 1.2rem;
  min-height: 27px;
  margin-bottom: 0px;
}
.nlsg-c-stepper--mobile__content__top-nav__left {
  display: flex;
  justify-content: flex-start;
  flex-basis: 36%;
  align-self: center;
  align-items: center;
  height: 30px;
  cursor: pointer;
}
.nlsg-c-stepper--mobile__content__top-nav__left svg {
  transform: rotateY(180deg);
  margin-right: 0.5rem;
  width: 16px;
  height: 16px;
}
.nlsg-c-stepper--mobile__content__top-nav__left i {
  margin-top: 2px;
  margin-right: 5px;
}
.nlsg-c-stepper--mobile__content__top-nav__right {
  display: flex;
  justify-content: flex-end;
  flex-basis: 36%;
}
.nlsg-c-stepper--mobile__content__top-nav__right svg {
  width: 27px;
  height: 18px;
}
.nlsg-c-stepper--mobile__content__top-nav__right svg:first-of-type {
  margin-right: 1rem;
  width: 26px;
  height: 20px;
}
.nlsg-c-stepper--mobile__content__list-items {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  padding-top: 60px;
  z-index: 1300;
}
.nlsg-c-stepper--mobile__content__list-items li {
  display: flex;
  align-items: center;
  justify-content: space-around;
  height: 80px;
  max-height: 80px;
  min-width: 200px;
  font-size: 20px;
  font-family: "LibreFranklin-Regular", Helvetica, sans-serif;
  color: #d7d7d7;
  cursor: pointer;
  width: 100vw;
  padding: 0 2.25rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.nlsg-c-stepper--mobile__content__list-items li i.nlsg-icon-arrow-right, .nlsg-c-stepper--mobile__content__list-items li .nlsg-c-card i.icon, .nlsg-c-card .nlsg-c-stepper--mobile__content__list-items li i.icon, .nlsg-c-stepper--mobile__content__list-items li .nlsg-c-datepicker.ui-datepicker i.ui-datepicker-next, .nlsg-c-datepicker.ui-datepicker .nlsg-c-stepper--mobile__content__list-items li i.ui-datepicker-next,
.nlsg-c-stepper--mobile__content__list-items li .ui-datepicker-inline.ui-datepicker i.ui-datepicker-next,
.ui-datepicker-inline.ui-datepicker .nlsg-c-stepper--mobile__content__list-items li i.ui-datepicker-next {
  display: flex;
}
.nlsg-c-stepper--mobile__content__list-items li i.nlsg-icon-rejected {
  display: none;
  cursor: not-allowed;
}
.nlsg-c-stepper--mobile__content__list-items li i.nlsg-icon-check, .nlsg-c-stepper--mobile__content__list-items li i.nlsg-c-alert--inline--success, .nlsg-c-stepper--mobile__content__list-items li i.nlsg-c-alert--block--success:before {
  display: none;
}
.nlsg-c-stepper--mobile__content__list-items li i.nlsg-icon-time {
  display: none;
}
.nlsg-c-stepper--mobile__content__list-items li:last-of-type {
  border-bottom: none;
}
.nlsg-c-stepper--mobile__content__list-items li.disabled {
  cursor: not-allowed;
}
.nlsg-c-stepper--mobile__content__list-items li.disabled i.nlsg-icon-arrow-right, .nlsg-c-stepper--mobile__content__list-items li.disabled .nlsg-c-card i.icon, .nlsg-c-card .nlsg-c-stepper--mobile__content__list-items li.disabled i.icon, .nlsg-c-stepper--mobile__content__list-items li.disabled .nlsg-c-datepicker.ui-datepicker i.ui-datepicker-next, .nlsg-c-datepicker.ui-datepicker .nlsg-c-stepper--mobile__content__list-items li.disabled i.ui-datepicker-next,
.nlsg-c-stepper--mobile__content__list-items li.disabled .ui-datepicker-inline.ui-datepicker i.ui-datepicker-next,
.ui-datepicker-inline.ui-datepicker .nlsg-c-stepper--mobile__content__list-items li.disabled i.ui-datepicker-next {
  display: none;
}
.nlsg-c-stepper--mobile__content__list-items li.disabled i.nlsg-icon-rejected {
  display: flex;
}
.nlsg-c-stepper--mobile__content__list-items li.completed {
  color: #cedc00;
  font-family: "LibreFranklin-Medium", Helvetica, sans-serif;
}
.nlsg-c-stepper--mobile__content__list-items li.completed i.nlsg-icon-check, .nlsg-c-stepper--mobile__content__list-items li.completed i.nlsg-c-alert--inline--success, .nlsg-c-stepper--mobile__content__list-items li.completed i.nlsg-c-alert--block--success:before {
  display: flex;
}
.nlsg-c-stepper--mobile__content__list-items li.completed .step-number {
  display: none !important;
}
.nlsg-c-stepper--mobile__content__list-items li.active {
  color: #fff;
  font-family: "LibreFranklin-Medium", Helvetica, sans-serif;
}
.nlsg-c-stepper--mobile__content__list-items li.incomplete {
  color: #f2a900;
}
.nlsg-c-stepper--mobile__content__list-items li.incomplete i.nlsg-icon-time {
  display: flex;
}
.nlsg-c-stepper--mobile__content__list-items li.incomplete .step-number {
  display: none !important;
}
.nlsg-c-stepper--mobile__content__list-items li svg {
  width: 17px;
  height: 17px;
}
.nlsg-c-stepper--mobile__content__list-items li .item-wrapper {
  flex-basis: 100%;
  max-height: 26px;
  align-items: center;
}
.nlsg-c-stepper--mobile__content__list-items li .item-wrapper .nlsg-icon-check, .nlsg-c-stepper--mobile__content__list-items .nlsg-c-table .more-actions-container li .item-wrapper a.test:before, .nlsg-c-table .more-actions-container .nlsg-c-stepper--mobile__content__list-items li .item-wrapper a.test:before, .nlsg-c-stepper--mobile__content__list-items li .item-wrapper .nlsg-c-alert--inline--success, .nlsg-c-stepper--mobile__content__list-items li .item-wrapper .nlsg-c-alert--block--success:before, .nlsg-c-stepper--mobile__content__list-items li .item-wrapper .nlsg-c-form-element__help ul li.valid:before, .nlsg-c-form-element__help ul .nlsg-c-stepper--mobile__content__list-items li .item-wrapper li.valid:before {
  margin-top: 5px;
}
.nlsg-c-stepper--mobile__content__list-items li .item-wrapper .step-number {
  min-width: 24px;
  display: flex;
  justify-content: center;
}
.nlsg-c-stepper--mobile__content__list-items li .item-wrapper .step-label {
  margin-left: 1rem;
}
.nlsg-c-stepper--mobile__content__list-items li span .animation-completed {
  width: 21px;
  height: 12px;
}
.nlsg-c-stepper--mobile__content__list-items li span .animation-completed g polyline {
  stroke: #cedc00;
}
.nlsg-c-stepper--mobile__content__list-items li span .animation-incompleted {
  width: 18px;
  height: 18px;
}
.nlsg-c-stepper--mobile__content__list-items li span .animation-incompleted .path {
  stroke-dasharray: 30;
  stroke-dashoffset: 9.1;
  transition: all 1s ease-in-out;
}
.nlsg-c-stepper--mobile__content__list-items li span .animation-incompleted .path--animation {
  stroke-dashoffset: 30;
}
.nlsg-c-stepper--mobile__content--side-stepper {
  background: #fff;
  top: auto;
  transition: all 0.5s linear;
}
.nlsg-c-stepper--mobile__content--side-stepper--out, .nlsg-c-stepper--mobile__content--side-stepper--off {
  opacity: 0;
  position: absolute;
  width: 100%;
}
.nlsg-c-stepper--mobile__content--side-stepper--out {
  right: 1000px;
}
.nlsg-c-stepper--mobile__content--side-stepper--off {
  right: -1000px;
}
.nlsg-c-stepper--mobile__content--side-stepper__top-nav p {
  color: #333;
  font-size: 20px;
  min-height: 27px;
  max-width: 180px;
}
@media screen and (min-width: 321px) {
  .nlsg-c-stepper--mobile__content--side-stepper__top-nav p {
    max-width: 200px;
  }
}
@media screen and (min-width: 400px) {
  .nlsg-c-stepper--mobile__content--side-stepper__top-nav p {
    max-width: 300px;
  }
}
@media screen and (min-width: 500px) {
  .nlsg-c-stepper--mobile__content--side-stepper__top-nav p {
    max-width: max-content;
  }
}
.nlsg-c-stepper--mobile__content--side-stepper__top-nav__left svg {
  transform: rotateY(180deg);
  margin-right: 0.5rem;
  width: 16px;
  height: 16px;
}
.nlsg-c-stepper--mobile__content--side-stepper__top-nav__left svg g polyline {
  stroke: #bbb;
}
.nlsg-c-stepper--mobile__content--side-stepper__top-nav__right svg {
  width: 27px;
  height: 18px;
}
.nlsg-c-stepper--mobile__content--side-stepper__top-nav__right svg:first-of-type {
  margin-right: 1rem;
  width: 26px;
  height: 20px;
}
.nlsg-c-stepper--mobile__content--side-stepper__top-nav__right svg:first-of-type g g {
  stroke: #bbb;
}
.nlsg-c-stepper--mobile__content--side-stepper__top-nav__right svg:last-of-type g g {
  fill: #bbb;
}
.nlsg-c-stepper--mobile__content--side-stepper .progress-bar-side {
  background-color: #eee;
  height: 4px;
  z-index: 34;
  position: relative;
}
.nlsg-c-stepper--mobile__content--side-stepper .progress-bar-side .inner {
  width: 40%;
  height: 4px;
  background-color: #009639;
}
.nlsg-c-stepper--mobile__content--side-stepper__list-items li {
  color: #666;
  border-bottom: 1px solid #eee;
  font-size: 20px;
  height: 80px;
  min-width: 200px;
}
.nlsg-c-stepper--mobile__content--side-stepper__list-items li:last-of-type {
  border-bottom: none;
}
.nlsg-c-stepper--mobile__content--side-stepper__list-items li i.nlsg-icon-arrow-right, .nlsg-c-stepper--mobile__content--side-stepper__list-items li .nlsg-c-card i.icon, .nlsg-c-card .nlsg-c-stepper--mobile__content--side-stepper__list-items li i.icon, .nlsg-c-stepper--mobile__content--side-stepper__list-items li .nlsg-c-datepicker.ui-datepicker i.ui-datepicker-next, .nlsg-c-datepicker.ui-datepicker .nlsg-c-stepper--mobile__content--side-stepper__list-items li i.ui-datepicker-next,
.nlsg-c-stepper--mobile__content--side-stepper__list-items li .ui-datepicker-inline.ui-datepicker i.ui-datepicker-next,
.ui-datepicker-inline.ui-datepicker .nlsg-c-stepper--mobile__content--side-stepper__list-items li i.ui-datepicker-next {
  display: flex;
}
.nlsg-c-stepper--mobile__content--side-stepper__list-items li i.nlsg-icon-rejected {
  display: none;
  cursor: not-allowed;
}
.nlsg-c-stepper--mobile__content--side-stepper__list-items li i.nlsg-icon-check, .nlsg-c-stepper--mobile__content--side-stepper__list-items li i.nlsg-c-alert--inline--success, .nlsg-c-stepper--mobile__content--side-stepper__list-items li i.nlsg-c-alert--block--success:before {
  display: none;
}
.nlsg-c-stepper--mobile__content--side-stepper__list-items li i.nlsg-icon-time {
  display: none;
}
.nlsg-c-stepper--mobile__content--side-stepper__list-items li.disabled {
  cursor: not-allowed;
}
.nlsg-c-stepper--mobile__content--side-stepper__list-items li.disabled i.nlsg-icon-arrow-right, .nlsg-c-stepper--mobile__content--side-stepper__list-items li.disabled .nlsg-c-card i.icon, .nlsg-c-card .nlsg-c-stepper--mobile__content--side-stepper__list-items li.disabled i.icon, .nlsg-c-stepper--mobile__content--side-stepper__list-items li.disabled .nlsg-c-datepicker.ui-datepicker i.ui-datepicker-next, .nlsg-c-datepicker.ui-datepicker .nlsg-c-stepper--mobile__content--side-stepper__list-items li.disabled i.ui-datepicker-next,
.nlsg-c-stepper--mobile__content--side-stepper__list-items li.disabled .ui-datepicker-inline.ui-datepicker i.ui-datepicker-next,
.ui-datepicker-inline.ui-datepicker .nlsg-c-stepper--mobile__content--side-stepper__list-items li.disabled i.ui-datepicker-next {
  display: none;
}
.nlsg-c-stepper--mobile__content--side-stepper__list-items li.disabled i.nlsg-icon-rejected {
  display: flex;
}
.nlsg-c-stepper--mobile__content--side-stepper__list-items li.completed {
  color: #78be20;
  font-family: "LibreFranklin-Medium", Helvetica, sans-serif;
}
.nlsg-c-stepper--mobile__content--side-stepper__list-items li.completed i.nlsg-icon-check, .nlsg-c-stepper--mobile__content--side-stepper__list-items li.completed i.nlsg-c-alert--inline--success, .nlsg-c-stepper--mobile__content--side-stepper__list-items li.completed i.nlsg-c-alert--block--success:before {
  display: flex;
}
.nlsg-c-stepper--mobile__content--side-stepper__list-items li.completed .step-number {
  display: none !important;
}
.nlsg-c-stepper--mobile__content--side-stepper__list-items li.active {
  color: #009639;
  font-family: "LibreFranklin-Medium", Helvetica, sans-serif;
}
.nlsg-c-stepper--mobile__content--side-stepper__list-items li.incomplete {
  color: #f2a900;
}
.nlsg-c-stepper--mobile__content--side-stepper__list-items li.incomplete i.nlsg-icon-time {
  display: flex;
}
.nlsg-c-stepper--mobile__content--side-stepper__list-items li.incomplete .step-number {
  display: none !important;
}
.nlsg-c-stepper--mobile__content--side-stepper__list-items li svg {
  width: 17px;
  height: 17px;
}
.nlsg-c-stepper--mobile__content--side-stepper__list-items li svg g polyline {
  stroke: #666;
}
.nlsg-c-stepper--mobile__content--side-stepper__list-items li .step-label {
  margin-left: 1rem;
}
.nlsg-c-stepper--mobile__content--side-stepper__list-items li span .animation-completed {
  width: 21px;
  height: 12px;
}
.nlsg-c-stepper--mobile__content--side-stepper__list-items li span .animation-completed g polyline {
  stroke: #78be20;
}
.nlsg-c-stepper--mobile__content--side-stepper form input[type=text] {
  /* Remove First */
  appearance: none;
  /* Then Style */
  border-radius: 0;
}
.nlsg-c-stepper--mobile__content--side-stepper form button {
  max-width: 100%;
  border: none;
  margin: 0;
  height: 3.125rem;
  font-size: 1.125rem;
  font-family: "LibreFranklin-Medium", Helvetica, sans-serif;
}
.nlsg-c-stepper--mobile__content--side-stepper form button:hover {
  border: none;
}
.nlsg-c-stepper--mobile__content--contents {
  top: 4rem;
  min-height: calc(100vh - 70px);
  padding-left: 0.75rem;
  padding-right: 1.25rem;
  padding-top: 1.25rem;
  padding-bottom: 5.625rem;
}
.nlsg-c-stepper--mobile .button-container {
  display: flex;
  justify-content: center;
  width: 100%;
  padding: 0 1.25rem;
  position: absolute;
  bottom: 0;
  margin-bottom: 7rem;
}
@media screen and (max-height: 568px) {
  .nlsg-c-stepper--mobile .button-container {
    position: relative;
    margin-bottom: 2rem;
    bottom: -10px;
  }
}
.nlsg-c-stepper--mobile .button-container button {
  max-width: 100%;
  border: none;
  margin: 0;
  height: 3.125rem;
  font-size: 1.125rem;
  font-family: "LibreFranklin-Medium", Helvetica, sans-serif;
}
.nlsg-c-stepper--mobile .button-container button:hover {
  border: none;
}
@media screen and (min-width: 769px) {
  .nlsg-c-stepper--mobile {
    display: none;
  }
}

.red-left-border {
  border-left: 4px solid red;
}

.blue-left-border {
  border-left: 4px solid blue;
}

.header-heading {
  display: flex;
  align-items: center;
  padding-top: 15px;
}

.header-buttons {
  display: flex;
  padding-right: 1rem;
  justify-content: flex-end;
  align-items: center;
  gap: 1.875rem;
}
.header-buttons-row {
  cursor: pointer;
  display: flex;
  padding: 1.125rem 0rem;
  justify-content: center;
  align-items: center;
  gap: 0.625rem;
}

.header-p-save {
  color: var(--Colour-State-Font-button-tertiary-default, #0C8450);
  font-feature-settings: "liga" off, "clig" off;
  /* Typography/p1/semi bold */
  font-size: 1rem;
  font-style: normal;
  font-weight: 600;
  line-height: var(--Font-Line-height-th-2-5, 1.5rem); /* 150% */
}

.header-p-cancel {
  color: var(--Colour-State-Font-default-danger, #E21D16);
  font-feature-settings: "liga" off, "clig" off;
  /* Typography/p1/semi bold */
  font-size: 1rem;
  font-style: normal;
  font-weight: 600;
  line-height: var(--Font-Line-height-th-2-5, 1.5rem); /* 150% */
}

.header-p-close {
  color: #0C8450;
  font-feature-settings: "liga" off, "clig" off;
  font-size: 1rem;
  font-style: normal;
  font-weight: 600;
  line-height: var(--Font-Line-height-th-2-5, 1.5rem); /* 150% */
}

.side-pane {
  position: fixed;
  top: 0;
  right: 0;
  width: 300px;
  height: 100%;
  background-color: #fff;
  box-shadow: -2px 0 5px rgba(0, 0, 0, 0.1);
  z-index: 9000;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.login-side-pane {
  position: fixed;
  top: 0;
  right: 0;
  width: 300px;
  height: 100%;
  background-color: #fff;
  box-shadow: -2px 0 5px rgba(0, 0, 0, 0.1);
  z-index: 9000;
  display: flex;
  flex-direction: column;
}

.side-pane-header {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding: 10px;
  height: 60px;
  border-bottom: 1px solid #ddd;
}

.login-side-pane-header {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding: 10px;
  height: 60px;
}

.close-button {
  background: none;
  border: none;
  font-size: 16px;
  cursor: pointer;
}

.side-pane-content {
  padding: 20px;
  overflow-y: auto;
}

.login-side-pane-content__link-container {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

.login-side-pane-content {
  padding: 1.5rem;
}

.side-pane-buttons {
  display: flex;
  height: 3.75rem;
  justify-content: center;
  border-top: 1px solid #ddd;
}

.side-pane-buttons-row {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 5rem;
}

.overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 8999;
}

/* ------------------------
------- Spinner -------
------------------------ */
.nlsg-c-spinner-wrapper {
  position: fixed;
  height: 100vh;
  width: 100vw;
  top: 0;
  left: 0px;
  z-index: 10001 !important;
  display: flex;
  align-items: center;
  justify-content: center;
}
.nlsg-c-spinner-wrapper.bg-white {
  opacity: 0.9;
  filter: alpha(opacity=90);
}
.nlsg-c-spinner-wrapper__progress-text {
  min-width: 4.75rem;
  display: flex;
  justify-content: center;
  margin-top: 16px;
  max-width: 18.75rem;
  text-align: center;
}
@media all and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .nlsg-c-spinner-wrapper__progress-text {
    margin-top: 35px;
  }
}
.nlsg-c-spinner-wrapper__lock-icon {
  position: absolute;
  stroke: none;
  fill: none;
  fill-rule: evenodd;
  stroke-width: 2;
  align-self: center;
  display: flex;
  margin-top: 21px;
}
.nlsg-c-spinner-wrapper__spinner {
  align-self: center;
  width: 100%;
  height: 100%;
  max-width: 4.75rem;
  max-height: 4.75rem;
  animation: rotate 1.4s linear infinite;
  -webkit-animation: rotate 1.4s linear infinite;
  -moz-animation: rotate 1.4s linear infinite;
  -o-animation: rotate 1.4s linear infinite;
  stroke-width: 2;
}
.nlsg-c-spinner-wrapper__spinner__path {
  stroke-dasharray: 260;
  stroke-dashoffset: 0;
  fill: none;
  stroke-linecap: round;
  transform-origin: 2.375rem 2.375rem;
}
.nlsg-c-spinner-wrapper__spinner__path--green {
  animation: dash 1.4s ease-in-out infinite, green-animation 1.4s ease-in-out infinite;
  -webkit-animation: dash 1.4s ease-in-out infinite, green-animation 1.4s ease-in-out infinite;
  -moz-animation: dash 1.4s ease-in-out infinite, green-animation 1.4s ease-in-out infinite;
  -o-animation: dash 1.4s ease-in-out infinite, green-animation 1.4s ease-in-out infinite;
}
.nlsg-c-spinner-wrapper__spinner__path--white {
  animation: dash 1.4s ease-in-out infinite, white-animation 1.4s ease-in-out infinite;
  -webkit-animation: dash 1.4s ease-in-out infinite, white-animation 1.4s ease-in-out infinite;
  -moz-animation: dash 1.4s ease-in-out infinite, white-animation 1.4s ease-in-out infinite;
  -o-animation: dash 1.4s ease-in-out infinite, white-animation 1.4s ease-in-out infinite;
}
@keyframes green-animation {
  0% {
    stroke: #009639;
  }
  100% {
    stroke: #009639;
  }
}
@keyframes white-animation {
  0% {
    stroke: #fff;
  }
  100% {
    stroke: #fff;
  }
}
@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(270deg);
  }
}
@keyframes dash {
  0% {
    stroke-dashoffset: 260;
  }
  50% {
    stroke-dashoffset: 65;
    transform: rotate(135deg);
  }
  100% {
    stroke-dashoffset: 260;
    transform: rotate(450deg);
  }
}

.ie {
  display: none;
}

/* ------------------------
------- ie overrides + edge -------
------------------------ */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .ie {
    display: block;
    text-align: center;
    position: relative;
  }
  .nlsg-c-spinner-wrapper__spinner {
    display: none;
  }
  .nlsg-c-spinner-wrapper {
    height: auto !important;
  }
}
@media screen and (-ms-high-contrast: active) and (-ms-high-contrast: active), screen and (-ms-high-contrast: active) and (-ms-high-contrast: none), (-ms-high-contrast: none) and (-ms-high-contrast: active), (-ms-high-contrast: none) and (-ms-high-contrast: none) {
  .nlsg-c-spinner-wrapper {
    height: 100% !important;
  }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .hidden-ie {
    display: none;
  }
  .ie-lock-icon {
    position: fixed;
    left: 50%;
    top: 50%;
    padding: 1rem;
    stroke: none;
    fill: none;
    fill-rule: evenodd;
    stroke-width: 2;
    transform: translate(-50%, -177%);
    z-index: 10002 !important;
  }
  .ie-spinner-img {
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -99%);
    z-index: 10002 !important;
  }
}
@supports (-ms-ime-align: auto) {
  .ie {
    display: block;
    text-align: center;
    position: relative;
  }
  .nlsg-c-spinner-wrapper__spinner {
    display: none;
  }
  .nlsg-c-spinner-wrapper {
    height: auto !important;
  }
  .hidden-ie {
    display: none;
  }
  .ie-lock-icon {
    position: absolute;
    left: 50%;
    margin-left: -29px;
    top: 30px;
    height: 2rem;
    padding: 1rem;
    stroke: none;
    fill: none;
    fill-rule: evenodd;
    stroke-width: 2;
  }
}
/* Owl Carousel v2.3.4 */
.owl-carousel, .owl-carousel .owl-item {
  -webkit-tap-highlight-color: transparent;
  position: relative;
}

.owl-carousel {
  width: 100%;
  z-index: 1;
}

.owl-carousel .owl-stage {
  position: relative;
  touch-action: manipulation;
  -moz-backface-visibility: hidden;
}

.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  -webkit-transform: translate3d(0, 0, 0);
}

.owl-carousel .owl-item, .owl-carousel .owl-wrapper {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
}

.owl-carousel .owl-item {
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-touch-callout: none;
}

.owl-carousel .owl-item img {
  display: block;
  width: 100%;
}

.owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled {
  display: none;
}

.no-js .owl-carousel, .owl-carousel.owl-loaded {
  display: block;
}

.owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev {
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
}

.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot {
  background: 0 0;
  color: inherit;
  border: none;
  padding: 0 !important;
  font: inherit;
}

.owl-carousel.owl-loading {
  opacity: 0;
  display: block;
}

.owl-carousel.owl-hidden {
  opacity: 0;
}

.owl-carousel.owl-refresh .owl-item {
  visibility: hidden;
}

.owl-carousel.owl-drag .owl-item {
  touch-action: pan-y;
  -webkit-user-select: none;
  user-select: none;
}

.owl-carousel.owl-grab {
  cursor: move;
  cursor: grab;
}

.owl-carousel.owl-rtl {
  direction: rtl;
}

.owl-carousel.owl-rtl .owl-item {
  float: right;
}

.owl-carousel .animated {
  animation-duration: 1s;
  animation-fill-mode: both;
}

.owl-carousel .owl-animated-in {
  z-index: 0;
}

.owl-carousel .owl-animated-out {
  z-index: 1;
}

.owl-carousel .fadeOut {
  animation-name: fadeOut;
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.owl-height {
  transition: height 0.5s ease-in-out;
}

.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  transition: opacity 0.4s ease;
}

.owl-carousel .owl-item .owl-lazy:not([src]), .owl-carousel .owl-item .owl-lazy[src^=""] {
  max-height: 0;
}

.owl-carousel .owl-item img.owl-lazy {
  transform-style: preserve-3d;
}

.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #3f3f3f;
}

.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  transition: transform 0.1s ease;
}

.owl-carousel .owl-video-play-icon:hover {
  transform: scale(1.3, 1.3);
}

.owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn {
  display: none;
}

.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: opacity 0.4s ease;
}

.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%;
}

/* ------------------
------- Tabs --------
------------------ */
.nlsg-c-tabs {
  border-bottom: 1px solid #eee;
  padding: 0px;
  height: 52px;
  display: flex;
}
@media screen and (max-width: 640px) {
  .nlsg-c-tabs {
    width: 100%;
  }
}
.nlsg-c-tabs li {
  display: inline-block;
  padding: 0px;
  transition: all 0.25s;
  margin-right: 20px;
}
@media screen and (max-width: 640px) {
  .nlsg-c-tabs li {
    flex-basis: 100%;
    text-align: center;
    margin-right: 0px;
  }
}
.nlsg-c-tabs li:last-of-type {
  margin-right: 0px;
}
.nlsg-c-tabs li a {
  text-decoration: none;
  color: #333;
  font-size: 14px;
  padding: 17px 9px;
  display: block;
}
.nlsg-c-tabs li:hover {
  box-shadow: inset 0 -3px 0 0 #bbb;
}
.nlsg-c-tabs li:hover a {
  color: #333 !important;
}
.nlsg-c-tabs li.active {
  box-shadow: inset 0 -3px 0 0 #009639;
}
.nlsg-c-tabs li.active a {
  font-family: "LibreFranklin-Medium", Helvetica, sans-serif;
  color: #333;
  line-height: 12px;
}

.nlsg-c-tabs__mobile-scrollable {
  border-bottom: 1px solid #eee;
  height: 48px;
}
.nlsg-c-tabs__mobile-scrollable .owl-stage {
  width: 1000% !important;
}
.nlsg-c-tabs__mobile-scrollable .owl-item {
  padding: 0px !important;
  margin: 0px !important;
}
.nlsg-c-tabs__mobile-scrollable li {
  text-align: center;
  padding: 16px 0px;
}
.nlsg-c-tabs__mobile-scrollable li a {
  text-decoration: none;
  color: #333;
  font-size: 14px;
  padding: 0px 10px;
  display: inline-block;
}
.nlsg-c-tabs__mobile-scrollable li:hover {
  color: #333 !important;
  box-shadow: inset 0 -3px 0 0 #bbb;
}
.nlsg-c-tabs__mobile-scrollable li:hover a {
  color: #333 !important;
}
.nlsg-c-tabs__mobile-scrollable li.active-tab {
  box-shadow: inset 0 -3px 0 0 #009639;
  margin-left: 0px !important;
}
.nlsg-c-tabs__mobile-scrollable li.active-tab a {
  font-family: "LibreFranklin-Medium", Helvetica, sans-serif;
  color: #333;
  line-height: 12px;
}

.nlsg-c-form-element {
  /* -----------------------------
  ------- Number scrubber --------
  ----------------------------- */
}
.nlsg-c-form-element__number-scrubber {
  position: relative;
  border-radius: 0.3125rem;
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 180px;
  min-width: 150px;
  box-sizing: border-box;
}
.nlsg-c-form-element__number-scrubber__tooltip {
  height: 0;
  width: 100%;
  background: #eee;
  margin-top: 0 !important;
  border-left: 2px solid #009639;
  bottom: 2rem;
  right: 50%;
  opacity: 0;
  overflow: auto;
  transition: all 0.5s;
}
.nlsg-c-form-element__number-scrubber__tooltip h6 {
  color: #009639;
  margin: 0;
  padding-bottom: 0.3rem;
  font-family: "LibreFranklin-Medium", Helvetica, sans-serif;
  font-size: 1.125rem;
}
.nlsg-c-form-element__number-scrubber__tooltip p {
  font-size: 1rem;
  margin: 0;
}
.nlsg-c-form-element__number-scrubber__tooltip:after {
  opacity: 0;
  position: absolute;
  right: 0;
  margin-top: 0.75rem;
}
.nlsg-c-form-element__number-scrubber .number-scrubber-tooltip-icon {
  cursor: pointer;
  text-decoration: none;
}
.nlsg-c-form-element__number-scrubber .number-scrubber-tooltip-icon:after {
  font-family: "nlsg-icons" !important;
  position: absolute;
  font-size: 1rem;
  line-height: 0.8;
  transition: all 0.2s;
  right: 0.75rem;
}
.nlsg-c-form-element__number-scrubber .open-tooltip {
  display: block;
  opacity: 1 !important;
  height: auto;
  transition: all 0.5s;
  padding: 1rem;
  margin-top: 1rem !important;
  margin-bottom: 1rem;
}
.nlsg-c-form-element__number-scrubber .open-tooltip:after {
  content: "";
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='22px' height='10px' viewBox='0 0 22 10' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg id='-Style' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='molecule/form-elements/tooltip' transform='translate(-601.000000, -87.000000)' fill='%23F0F0F0'%3E%3Cpolygon id='Path-3' points='601 87 612.012052 97 623 87'%3E%3C/polygon%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  opacity: 1;
  margin-top: 1rem;
  position: absolute;
  height: 20px;
  width: 20px;
  transition: all 1s;
}
.nlsg-c-form-element__number-scrubber .ns-input {
  display: flex;
  flex-direction: row;
}
.nlsg-c-form-element__number-scrubber input[type=number] {
  width: 100%;
  max-width: 290px;
  min-width: 50px;
  padding: 0.5rem;
  font-size: 1rem;
  height: 3.125rem;
  text-align: center;
  border: 0.125rem solid #bbb;
  font-family: "LibreFranklin-Regular", Helvetica, sans-serif;
  appearance: textfield;
}
.nlsg-c-form-element__number-scrubber input[type=number]:focus {
  border-color: #0C8450;
  outline: none;
}
.nlsg-c-form-element__number-scrubber input[type=number].focus {
  border-color: #0C8450;
  outline: none;
}
.nlsg-c-form-element__number-scrubber input[type=number].error {
  border: 0.125rem solid #d22630;
}
.nlsg-c-form-element__number-scrubber input[type=number].completed {
  border: 0.125rem solid #78be20;
}
.nlsg-c-form-element__number-scrubber input[type=number]::-webkit-inner-spin-button, .nlsg-c-form-element__number-scrubber input[type=number] ::-webkit-outer-spin-button {
  -webkit-appearance: none;
}
.nlsg-c-form-element__number-scrubber button {
  outline: none;
  -webkit-appearance: none;
  border-top: 0.125rem solid #bbb;
  border-bottom: 0.125rem solid #bbb;
  background: #fff;
  align-items: center;
  justify-content: center;
  width: 3.125rem;
  height: 3.125rem;
  min-height: 50px;
  min-width: 50px;
  cursor: pointer;
  margin: 0;
  position: relative;
}
.nlsg-c-form-element__number-scrubber button.hover {
  background: #0C8450;
  border: 0.125rem solid #0C8450;
}
.nlsg-c-form-element__number-scrubber button.hover:before, .nlsg-c-form-element__number-scrubber button.hover:after {
  background-color: #fff;
}
.nlsg-c-form-element__number-scrubber button.hover.left-button {
  border-left: 0.125rem solid #0C8450;
}
.nlsg-c-form-element__number-scrubber button.hover.right-button {
  border-right: 0.125rem solid #0C8450;
}
.nlsg-c-form-element__number-scrubber button:hover {
  background: #0C8450;
  border: 0.125rem solid #0C8450;
}
.nlsg-c-form-element__number-scrubber button:hover:before, .nlsg-c-form-element__number-scrubber button:hover:after {
  background-color: #fff;
}
.nlsg-c-form-element__number-scrubber button:hover.left-button {
  border-left: 0.125rem solid #0C8450;
}
.nlsg-c-form-element__number-scrubber button:hover.right-button {
  border-right: 0.125rem solid #0C8450;
}
.nlsg-c-form-element__number-scrubber button.left-button {
  border-radius: 0.3125rem 0 0 0.3125rem;
  border-left: 0.125rem solid #bbb;
  border-right: 0;
}
.nlsg-c-form-element__number-scrubber button.right-button {
  border-radius: 0 0.3125rem 0.3125rem 0;
  border-right: 0.125rem solid #bbb;
  border-left: 0;
}
.nlsg-c-form-element__number-scrubber button:before, .nlsg-c-form-element__number-scrubber button:after {
  display: inline-block;
  position: absolute;
  content: "";
  width: 0.8125rem;
  height: 0.125rem;
  background-color: #333;
  transform: translate(-50%, -50%);
}
.nlsg-c-form-element__number-scrubber button.right-button:after {
  transform: translate(-50%, -50%) rotate(90deg);
}
.nlsg-c-form-element__number-scrubber .js-focus {
  border: 0.125rem solid #0C8450 !important;
}

.disabled-button {
  background: #bbb !important;
  cursor: not-allowed !important;
}
.disabled-button:before, .disabled-button:after {
  background-color: #fff !important;
}
.disabled-button:hover {
  background: #bbb !important;
  border-color: #bbb !important;
}

.nlsg-c-form-element__form-group.disabled {
  cursor: not-allowed;
}
.nlsg-c-form-element__form-group.disabled .nlsg-c-form-element__help {
  color: #d7d7d7;
}
.nlsg-c-form-element__form-group .disabled .nlsg-c-form-element__label {
  color: #d7d7d7;
}
.nlsg-c-form-element__form-group .disabled.nlsg-c-form-element__number-scrubber .number-scrubber-tooltip-icon:after {
  color: #d7d7d7;
}
.nlsg-c-form-element__form-group .disabled.nlsg-c-form-element__number-scrubber button {
  border: 0.125rem solid #d7d7d7;
}
.nlsg-c-form-element__form-group .disabled.nlsg-c-form-element__number-scrubber button:after, .nlsg-c-form-element__form-group .disabled.nlsg-c-form-element__number-scrubber button:before {
  background-color: #d7d7d7;
}
.nlsg-c-form-element__form-group .disabled.nlsg-c-form-element__number-scrubber input[type=number] {
  border: 0.125rem solid #d7d7d7;
  border-left: 0;
  border-right: 0;
}

.hide-on-ie {
  display: block;
}

.show-on-ie {
  display: none;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .nlsg-c-form-element__number-scrubber {
    width: 200px;
  }
  .max-counter {
    color: #bbb;
    font-size: 14px;
    display: block;
    margin-top: 0.5rem;
  }
  .pointer-event-none {
    pointer-events: none;
  }
  .hide-on-ie {
    display: none;
  }
  .show-on-ie {
    display: block;
  }
  .left-button {
    border-radius: 0.3125rem 0 0 0.3125rem;
    border-left: 0.125rem solid #bbb;
    border-right: 0;
  }
  .right-button {
    border-radius: 0 0.3125rem 0.3125rem 0;
    border-right: 0.125rem solid #bbb;
    border-left: 0;
  }
  .button {
    display: flex;
    justify-content: center;
    align-items: center;
    outline: none;
    text-align: center;
    color: #333;
    background: #fff;
    font-size: 2rem;
    padding-bottom: 4px;
    -webkit-appearance: none;
    border-top: 0.125rem solid #bbb;
    border-bottom: 0.125rem solid #bbb;
    width: 3.125rem;
    height: 3.125rem;
    min-height: 50px;
    min-width: 50px;
    cursor: pointer;
    margin: 0;
    position: relative;
  }
  .button.hover {
    background: #0C8450;
    border: 0.125rem solid #0C8450;
    color: #fff;
  }
  .button.disabled-button {
    background: #bbb !important;
    cursor: not-allowed !important;
    color: #fff !important;
  }
  .button.disabled-button:before, .button.disabled-button:after {
    background-color: #fff !important;
  }
  .button.disabled-button:hover {
    background: #bbb !important;
    border-color: #bbb !important;
  }
  .button:hover {
    background: #0C8450;
    border: 0.125rem solid #0C8450;
    color: #fff;
  }
  .button:hover:before, .button:hover:after {
    background-color: #fff;
  }
  .button:hover.left-button {
    border-left: 0.125rem solid #0C8450;
  }
  .button:hover.right-button {
    border-right: 0.125rem solid #0C8450;
  }
  .quantity.ie-focus {
    border-color: #0C8450 !important;
    outline: none !important;
  }
  .quantity.error {
    border: 0.125rem solid #d22630;
  }
  .quantity.completed {
    border: 0.125rem solid #78be20;
  }
  .disabled-button {
    background: #bbb !important;
    cursor: not-allowed !important;
    color: #fff !important;
  }
  .disabled-button:before, .disabled-button:after {
    background-color: #fff !important;
  }
  .disabled-button:hover {
    background: #bbb !important;
    border-color: #bbb !important;
  }
  .nlsg-c-form-element__form-group.error .max-counter {
    color: #d22630 !important;
  }
  .nlsg-c-form-element__form-group.disabled {
    cursor: not-allowed;
  }
  .nlsg-c-form-element__form-group.disabled .max-counter {
    color: #d7d7d7 !important;
  }
  .nlsg-c-form-element__form-group.disabled a.number-scrubber-tooltip-icon::after {
    color: #d7d7d7 !important;
  }
  .nlsg-c-form-element__form-group.disabled .nlsg-c-form-element__label {
    color: #d7d7d7;
  }
  .nlsg-c-form-element__form-group.disabled .button {
    border: 0.125rem solid #d7d7d7;
    color: #d7d7d7 !important;
  }
  .nlsg-c-form-element__form-group.disabled input[type=number] {
    border: 0.125rem solid #d7d7d7;
    border-right: 0;
    border-left: 0;
  }
}
@supports (-ms-ime-align: auto) {
  .max-counter {
    color: #bbb;
    font-size: 14px;
    display: block;
    margin-top: 0.5rem;
  }
  .pointer-event-none {
    pointer-events: none;
  }
  .hide-on-ie {
    display: none;
  }
  .show-on-ie {
    display: block;
  }
  .left-button {
    border-radius: 0.3125rem 0 0 0.3125rem;
    border-left: 0.125rem solid #bbb;
    border-right: 0;
  }
  .right-button {
    border-radius: 0 0.3125rem 0.3125rem 0;
    border-right: 0.125rem solid #bbb;
    border-left: 0;
  }
  .button {
    display: flex;
    justify-content: center;
    align-items: center;
    outline: none;
    text-align: center;
    color: #333;
    background: #fff;
    font-size: 2rem;
    padding-bottom: 4px;
    -webkit-appearance: none;
    border-top: 0.125rem solid #bbb;
    border-bottom: 0.125rem solid #bbb;
    width: 3.125rem;
    height: 3.125rem;
    min-height: 50px;
    min-width: 50px;
    cursor: pointer;
    margin: 0;
    position: relative;
  }
  .button.hover {
    background: #0C8450;
    border: 0.125rem solid #0C8450;
    color: #fff;
  }
  .button.disabled-button {
    background: #bbb !important;
    cursor: not-allowed !important;
    color: #fff !important;
  }
  .button.disabled-button:before, .button.disabled-button:after {
    background-color: #fff !important;
  }
  .button.disabled-button:hover {
    background: #bbb !important;
    border-color: #bbb !important;
  }
  .button:hover {
    background: #0C8450;
    border: 0.125rem solid #0C8450;
    color: #fff;
  }
  .button:hover:before, .button:hover:after {
    background-color: #fff;
  }
  .button:hover.left-button {
    border-left: 0.125rem solid #0C8450;
  }
  .button:hover.right-button {
    border-right: 0.125rem solid #0C8450;
  }
  .quantity.ie-focus {
    border-color: #0C8450 !important;
    outline: none !important;
  }
  .quantity.error {
    border: 0.125rem solid #d22630;
  }
  .quantity.completed {
    border: 0.125rem solid #78be20;
  }
  .disabled-button {
    background: #bbb !important;
    cursor: not-allowed !important;
    color: #fff !important;
  }
  .disabled-button:before, .disabled-button:after {
    background-color: #fff !important;
  }
  .disabled-button:hover {
    background: #bbb !important;
    border-color: #bbb !important;
  }
  .nlsg-c-form-element__form-group.error .max-counter {
    color: #d22630 !important;
  }
  .nlsg-c-form-element__form-group.disabled {
    cursor: not-allowed;
  }
  .nlsg-c-form-element__form-group.disabled .max-counter {
    color: #d7d7d7 !important;
  }
  .nlsg-c-form-element__form-group.disabled a.number-scrubber-tooltip-icon::after {
    color: #d7d7d7 !important;
  }
  .nlsg-c-form-element__form-group.disabled .nlsg-c-form-element__label {
    color: #d7d7d7;
  }
  .nlsg-c-form-element__form-group.disabled .button {
    border: 0.125rem solid #d7d7d7;
    color: #d7d7d7 !important;
  }
  .nlsg-c-form-element__form-group.disabled input[type=number] {
    border: 0.125rem solid #d7d7d7;
    border-right: 0;
    border-left: 0;
  }
}
/* ----------------------------
---------- Navbar -------------
------------------------------- */
.nlsg-c-navbar {
  display: flex;
  flex-direction: column;
  position: relative;
}
.nlsg-c-navbar__main {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 5rem;
  position: fixed;
  width: 100%;
  z-index: 5000;
}
.nlsg-c-navbar__main:first-child {
  padding-left: 1.25rem;
}
@media only screen and (max-width: 1024px) {
  .nlsg-c-navbar__main:first-child {
    padding-left: 1rem;
  }
}
.nlsg-c-navbar__main__logo {
  display: inherit;
  justify-content: center;
  align-items: center;
  padding: 1.25rem 0;
  cursor: pointer;
}
.nlsg-c-navbar__main__logo h5 {
  color: #fff;
  margin-bottom: 0.375rem;
}
.nlsg-c-navbar__main__logo img {
  height: 3.4375rem;
  width: auto;
}
.nlsg-c-navbar__main__logo svg {
  height: 2.5rem;
  width: 2.5rem;
}
@media only screen and (max-width: 1024px) {
  .nlsg-c-navbar__main__logo svg {
    height: 2rem;
    width: 2rem;
  }
  .nlsg-c-navbar__main__logo img {
    height: 2.6875rem;
    width: auto;
  }
}
.nlsg-c-navbar__main--default {
  background: #fff;
}
.nlsg-c-navbar__main--default .nlsg-c-navbar__main__default {
  display: flex;
}
.nlsg-c-navbar__main--default .nlsg-c-navbar__main__action {
  display: none;
}
.nlsg-c-navbar__main--default .nlsg-c-navbar__main__pre-login {
  display: none;
}
.nlsg-c-navbar__main--default .nlsg-c-navbar__main__logo--default {
  display: inherit;
}
.nlsg-c-navbar__main--default .nlsg-c-navbar__main__logo--alt {
  display: none;
}
@media only screen and (max-width: 1024px) {
  .nlsg-c-navbar__main--default {
    border-bottom: 0.0625rem solid #fff;
  }
}
.nlsg-c-navbar__main--pre-login {
  background: #fff;
}
.nlsg-c-navbar__main--pre-login .nlsg-c-navbar__main__default {
  display: none;
}
.nlsg-c-navbar__main--pre-login .nlsg-c-navbar__main__action {
  display: none;
}
.nlsg-c-navbar__main--pre-login .nlsg-c-navbar__main__pre-login {
  display: flex;
}
.nlsg-c-navbar__main--pre-login .nlsg-c-navbar__main__logo--default {
  display: inherit;
}
.nlsg-c-navbar__main--pre-login .nlsg-c-navbar__main__logo--alt {
  display: none;
}
@media only screen and (max-width: 1024px) {
  .nlsg-c-navbar__main--pre-login {
    border-bottom: 0.0625rem solid #fff;
  }
}
.nlsg-c-navbar__main--action {
  background: #fff;
  border-bottom: 0.0625rem solid #eee;
}
.nlsg-c-navbar__main--action .nlsg-c-navbar__main__action {
  display: flex;
}
.nlsg-c-navbar__main--action .nlsg-c-navbar__main__default {
  display: none;
}
.nlsg-c-navbar__main--action .nlsg-c-navbar__main__pre-login {
  display: none;
}
.nlsg-c-navbar__main--action .nlsg-c-navbar__main__logo--default {
  display: none;
}
.nlsg-c-navbar__main--action .nlsg-c-navbar__main__logo--alt {
  display: inherit;
}
.nlsg-c-navbar__main--no-border {
  border-bottom: none !important;
}
.nlsg-c-navbar__main__default {
  display: inherit;
  height: 100%;
}
.nlsg-c-navbar__main__default__link-container {
  display: inherit;
}
.nlsg-c-navbar__main__default__link-container__link {
  display: inherit;
  align-items: center;
  height: auto;
  padding: 0 0.5rem;
}
.nlsg-c-navbar__main__default__link-container__link:last-of-type {
  padding: 0 1rem 0 0.5rem;
}
@media only screen and (max-width: 1024px) {
  .nlsg-c-navbar__main__default__link-container__link {
    padding: 0 0.5rem;
  }
  .nlsg-c-navbar__main__default__link-container__link:last-of-type {
    padding: 0;
  }
}
.nlsg-c-navbar__main__default__link-container__link a {
  display: flex;
  align-items: center;
  color: #fff;
  text-decoration: none;
}
.nlsg-c-navbar__main__default__link-container__link a span {
  display: flex;
}
.nlsg-c-navbar__main__default__link-container__link a .profile-circle {
  font-size: 0.75rem;
  font-family: "LibreFranklin-Medium", Helvetica, sans-serif;
  border: 0.125rem solid #fff;
  border-radius: 100%;
  width: 1.875rem;
  height: 1.875rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.nlsg-c-navbar__main__default__link-container__link a:hover {
  color: #cedc00 !important;
}
.nlsg-c-navbar__main__default__link-container__link a:hover .profile-circle {
  border: 0.125rem solid #cedc00 !important;
}
.nlsg-c-navbar__main__default__log-out {
  display: inherit;
  align-items: center;
  font-size: 0.875rem;
  font-family: "LibreFranklin-Medium", Helvetica, sans-serif;
  padding: 1rem;
  background: #115740;
  color: #fff;
}
.nlsg-c-navbar__main__default__log-out a {
  color: #fff;
  text-decoration: none;
}
.nlsg-c-navbar__main__default__log-out a:hover {
  color: #fff !important;
}
@media only screen and (max-width: 1024px) {
  .nlsg-c-navbar__main__default__log-out {
    display: none;
  }
}
.nlsg-c-navbar__main__default__mobile-menu {
  display: none;
  align-items: center;
  padding: 1rem;
}
.nlsg-c-navbar__main__default__mobile-menu a {
  color: #fff;
  text-decoration: none;
}
.nlsg-c-navbar__main__default__mobile-menu a:hover {
  color: #cedc00 !important;
}
.nlsg-c-navbar__main__default__mobile-menu a .nlsg-icon-menu-open:before {
  content: "z";
}
@media only screen and (max-width: 1024px) {
  .nlsg-c-navbar__main__default__mobile-menu {
    display: inherit;
    padding: 0 1rem 0 0.5rem;
  }
}
@media only screen and (min-width: 2561px) {
  .nlsg-c-navbar__main__default__mobile-menu {
    display: none;
  }
}
.nlsg-c-navbar__main__pre-login {
  display: inherit;
  height: 100%;
}
.nlsg-c-navbar__main__pre-login__link-container {
  display: inherit;
}
.nlsg-c-navbar__main__pre-login__link-container__link {
  display: inherit;
  align-items: center;
  height: auto;
  padding: 0 0.5rem;
}
.nlsg-c-navbar__main__pre-login__link-container__link:last-of-type {
  padding: 0 1rem 0 0.5rem;
}
@media only screen and (max-width: 1024px) {
  .nlsg-c-navbar__main__pre-login__link-container__link {
    padding: 0 0.5rem;
  }
  .nlsg-c-navbar__main__pre-login__link-container__link:last-of-type {
    padding: 0;
  }
}
.nlsg-c-navbar__main__pre-login__link-container__link a {
  display: flex;
  align-items: center;
  color: #006341;
  text-decoration: none;
  justify-content: center;
}
.nlsg-c-navbar__main__pre-login__link-container__link a span {
  display: flex;
}
.nlsg-c-navbar__main__pre-login__link-container__link a .profile-circle {
  font-size: 0.75rem;
  font-family: "LibreFranklin-Medium", Helvetica, sans-serif;
  border: 0.125rem solid #fff;
  border-radius: 100%;
  width: 1.875rem;
  height: 1.875rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.nlsg-c-navbar__main__pre-login__log-out {
  display: inherit;
  align-items: center;
  font-size: 0.875rem;
  font-family: "LibreFranklin-Medium", Helvetica, sans-serif;
  padding: 1rem;
  background: #115740;
  color: #fff;
}
.nlsg-c-navbar__main__pre-login__log-out a {
  color: #fff;
  text-decoration: none;
}
.nlsg-c-navbar__main__pre-login__log-out a:hover {
  color: #fff !important;
}
@media only screen and (max-width: 639px) {
  .nlsg-c-navbar__main__pre-login__log-out {
    display: none;
  }
}
.nlsg-c-navbar__main__pre-login__mobile-menu {
  display: none;
  align-items: center;
  padding: 1rem;
}
.nlsg-c-navbar__main__pre-login__mobile-menu a {
  color: #fff;
  text-decoration: none;
}
.nlsg-c-navbar__main__pre-login__mobile-menu a:hover {
  color: #cedc00 !important;
}
.nlsg-c-navbar__main__pre-login__mobile-menu a .nlsg-icon-menu-open:before {
  content: "z";
}
@media only screen and (max-width: 639px) {
  .nlsg-c-navbar__main__pre-login__mobile-menu {
    display: inherit;
    padding: 0 1rem 0 0.5rem;
  }
}
@media only screen and (min-width: 2561px) {
  .nlsg-c-navbar__main__pre-login__mobile-menu {
    display: none;
  }
}
.nlsg-c-navbar__main__action {
  display: inherit;
  height: 100%;
}
.nlsg-c-navbar__main__action__links {
  display: inherit;
  align-items: center;
  padding: 1rem;
}
.nlsg-c-navbar__main__action__links__container {
  display: inherit;
}
.nlsg-c-navbar__main__action__links__container__link {
  display: inherit;
  align-items: center;
  height: auto;
  padding: 0 0.5rem;
}
.nlsg-c-navbar__main__action__links__container__link:last-of-type {
  padding: 0 1rem 0 0.5rem;
}
@media only screen and (max-width: 1024px) {
  .nlsg-c-navbar__main__action__links__container__link {
    padding: 0 0.5rem;
  }
  .nlsg-c-navbar__main__action__links__container__link:last-of-type {
    padding: 0;
  }
}
.nlsg-c-navbar__main__action__links__container__link a {
  display: flex;
  align-items: center;
  color: #fff;
  text-decoration: none;
}
.nlsg-c-navbar__main__action__links__container__link a span {
  display: flex;
}
.nlsg-c-navbar__main__action__links__container__link a .profile-circle {
  font-size: 0.75rem;
  font-family: "LibreFranklin-Medium", Helvetica, sans-serif;
  border: 0.125rem solid #fff;
  border-radius: 100%;
  width: 1.875rem;
  height: 1.875rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.nlsg-c-navbar__main__action__links__container__link a:hover {
  color: #cedc00 !important;
}
.nlsg-c-navbar__main__action__links__container__link a:hover .profile-circle {
  border: 0.125rem solid #cedc00 !important;
}
.nlsg-c-navbar__main__action__links a {
  color: #333;
  text-decoration: none;
}
.nlsg-c-navbar__main__action__links a span {
  display: flex;
  position: relative;
  top: 0.1875rem;
}
.nlsg-c-navbar__main__action__links a:hover {
  color: #333 !important;
}
.nlsg-c-navbar__main__action__links .close-icon-border {
  border-left: 0.0625rem solid #eee;
}
@media only screen and (max-width: 1024px) {
  .nlsg-c-navbar__main__action__links .close-icon-border {
    border-left: none;
  }
}
.nlsg-c-navbar__main__action__float-text {
  position: absolute;
  top: 115px;
  right: 100px;
  font-family: "LibreFranklin-Medium", Helvetica, sans-serif;
  color: #bbb;
}
@media only screen and (max-width: 1024px) {
  .nlsg-c-navbar__main__action__float-text {
    top: 77px;
    right: 20px;
  }
}
@media only screen and (max-width: 1024px) {
  .nlsg-c-navbar__main {
    height: 3.75rem;
  }
}
.nlsg-c-navbar__sub {
  display: flex;
  align-items: center;
  height: 4.375rem;
  background: #fff;
  padding: 0 1rem;
  position: fixed;
  top: 5rem;
  width: 100%;
  z-index: 5000;
}
@media only screen and (max-width: 1024px) {
  .nlsg-c-navbar__sub {
    display: none;
    padding: 0;
  }
}
@media only screen and (max-width: 1024px) {
  .nlsg-c-navbar__sub {
    align-items: inherit;
    height: 100vh;
    position: fixed;
    width: 100%;
    top: 3.75rem;
    z-index: 5000;
  }
}
.nlsg-c-navbar__sub--level-1 {
  border-bottom: 0.0625rem solid #eee;
}
.nlsg-c-navbar__sub--level-1 .nlsg-c-navbar__sub__level-1 {
  display: flex;
}
.nlsg-c-navbar__sub--level-1 .nlsg-c-navbar__sub__level-2 {
  display: none;
}
.nlsg-c-navbar__sub--level-2 {
  display: flex;
  border-bottom: 0.0625rem solid #eee;
}
.nlsg-c-navbar__sub--level-2 .nlsg-c-navbar__sub__level-2 {
  display: flex;
}
.nlsg-c-navbar__sub--level-2 .nlsg-c-navbar__sub__level-1 {
  display: none;
}
@media only screen and (max-width: 1024px) {
  .nlsg-c-navbar__sub--level-2 {
    height: auto;
    position: relative;
    top: 0;
  }
}
.nlsg-c-navbar__sub__level-1 {
  display: flex;
  justify-content: space-between;
  width: 100%;
  align-items: center;
  height: 100%;
}
.nlsg-c-navbar__sub__level-1__items {
  display: flex;
  align-self: stretch;
  width: 100%;
}
.nlsg-c-navbar__sub__level-1__items__back-nav-icon {
  align-self: center;
  padding-right: 1rem;
}
.nlsg-c-navbar__sub__level-1__items__link-container {
  display: inherit;
  height: 100%;
}
.nlsg-c-navbar__sub__level-1__items__link-container__link {
  display: inherit;
  align-items: center;
  width: auto;
  border-bottom: 0.1875rem solid transparent;
  margin-right: 1rem;
  cursor: pointer;
}
.nlsg-c-navbar__sub__level-1__items__link-container__link.active {
  border-bottom: 0.1875rem solid #78be20;
  transition: border-bottom 600ms ease-out;
}
.nlsg-c-navbar__sub__level-1__items__link-container__link:hover {
  border-bottom: 0.1875rem solid #eee;
}
.nlsg-c-navbar__sub__level-1__items__link-container__link:hover.active {
  border-bottom: 0.1875rem solid #78be20;
}
@media only screen and (min-width: 1024px) {
  .nlsg-c-navbar__sub__level-1__items__link-container__link {
    justify-content: space-between;
    padding: 0;
    border-bottom: 0.0625rem solid #eee;
    margin-right: 0;
  }
  .nlsg-c-navbar__sub__level-1__items__link-container__link.active {
    border-bottom: 0.0625rem solid #eee;
  }
  .nlsg-c-navbar__sub__level-1__items__link-container__link:hover {
    border-bottom: 0.0625rem solid #eee;
  }
  .nlsg-c-navbar__sub__level-1__items__link-container__link:hover.active {
    border-bottom: 0.0625rem solid #eee;
  }
}
@media only screen and (max-width: 639px) {
  .nlsg-c-navbar__sub__level-1__items__link-container__link {
    justify-content: center;
    padding: 0;
  }
}
.nlsg-c-navbar__sub__level-1__items__link-container__link:first-of-type {
  padding-left: 0;
}
@media only screen and (max-width: 1024px) {
  .nlsg-c-navbar__sub__level-1__items__link-container__link:first-of-type {
    padding: 0;
  }
}
.nlsg-c-navbar__sub__level-1__items__link-container__link a {
  text-decoration: none;
}
@media only screen and (max-width: 639px) {
  .nlsg-c-navbar__sub__level-1__items__link-container__link a:not(.nlsg-icon) {
    text-decoration: none;
    color: #0C8450;
    font-family: "LibreFranklin-Regular", Helvetica, sans-serif;
    width: 100vw;
    height: 2rem;
    color: #0C8450 !important;
    font-size: 1.125rem;
    justify-content: center;
    display: flex;
    align-items: center;
    padding: 1rem;
  }
  .nlsg-c-navbar__sub__level-1__items__link-container__link a:not(.nlsg-icon).profile {
    justify-content: start;
  }
  .nlsg-c-navbar__sub__level-1__items__link-container__link a:not(.nlsg-icon).profile:after {
    content: "";
  }
  .nlsg-c-navbar__sub__level-1__items__link-container__link a:not(.nlsg-icon).profile .user-detail {
    display: flex;
    flex-direction: column;
  }
  .nlsg-c-navbar__sub__level-1__items__link-container__link a:not(.nlsg-icon).profile .user-detail span {
    margin-bottom: 5px;
  }
  .nlsg-c-navbar__sub__level-1__items__link-container__link a:not(.nlsg-icon).profile .profile-circle {
    font-size: 1.125rem;
    font-family: "LibreFranklin-Medium", Helvetica, sans-serif;
    border: 0.125rem solid #fff;
    border-radius: 100%;
    width: 3.4375rem;
    height: 3.4375rem;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .nlsg-c-navbar__sub__level-1__items__link-container__link a.nlsg-icon {
    color: #cedc00 !important;
  }
  .nlsg-c-navbar__sub__level-1__items__link-container__link a.nlsg-icon:hover {
    color: #cedc00 !important;
  }
  .nlsg-c-navbar__sub__level-1__items__link-container__link a.nlsg-icon:after {
    color: #cedc00 !important;
  }
  .nlsg-c-navbar__sub__level-1__items__link-container__link a.nlsg-icon:after:hover {
    color: #cedc00 !important;
  }
}
@media only screen and (max-width: 1024px) {
  .nlsg-c-navbar__sub__level-1__items__link-container__link a:not(.nlsg-icon) {
    text-decoration: none;
    color: #0C8450;
    font-family: "LibreFranklin-Regular", Helvetica, sans-serif;
    width: 100%;
    height: 2rem;
    color: #0C8450 !important;
    font-size: 1.125rem;
    justify-content: center;
    display: flex;
    align-items: center;
    padding: 1rem;
  }
  .nlsg-c-navbar__sub__level-1__items__link-container__link a:not(.nlsg-icon).profile {
    justify-content: start;
  }
  .nlsg-c-navbar__sub__level-1__items__link-container__link a:not(.nlsg-icon).profile:after {
    content: "";
  }
  .nlsg-c-navbar__sub__level-1__items__link-container__link a:not(.nlsg-icon).profile .user-detail {
    display: flex;
    flex-direction: column;
  }
  .nlsg-c-navbar__sub__level-1__items__link-container__link a:not(.nlsg-icon).profile .user-detail span {
    margin-bottom: 5px;
  }
  .nlsg-c-navbar__sub__level-1__items__link-container__link a:not(.nlsg-icon).profile .profile-circle {
    font-size: 1.125rem;
    font-family: "LibreFranklin-Medium", Helvetica, sans-serif;
    border: 0.125rem solid #fff;
    border-radius: 100%;
    width: 3.4375rem;
    height: 3.4375rem;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .nlsg-c-navbar__sub__level-1__items__link-container__link a.nlsg-icon {
    color: #cedc00 !important;
  }
  .nlsg-c-navbar__sub__level-1__items__link-container__link a.nlsg-icon:hover {
    color: #cedc00 !important;
  }
  .nlsg-c-navbar__sub__level-1__items__link-container__link a.nlsg-icon:after {
    color: #cedc00 !important;
  }
  .nlsg-c-navbar__sub__level-1__items__link-container__link a.nlsg-icon:after:hover {
    color: #cedc00 !important;
  }
}
@media only screen and (min-width: 1024px) {
  .nlsg-c-navbar__sub__level-1__items__link-container__link a:not(.nlsg-icon) {
    text-decoration: none;
    color: #0C8450;
    font-family: "LibreFranklin-Regular", Helvetica, sans-serif;
    width: 100%;
    height: auto;
    color: #0C8450 !important;
    font-size: 1.125rem;
    justify-content: space-between;
    display: flex;
    align-items: center;
    padding: 1rem;
  }
  .nlsg-c-navbar__sub__level-1__items__link-container__link a:not(.nlsg-icon).profile {
    justify-content: start;
  }
  .nlsg-c-navbar__sub__level-1__items__link-container__link a:not(.nlsg-icon).profile:after {
    content: "";
  }
  .nlsg-c-navbar__sub__level-1__items__link-container__link a:not(.nlsg-icon).profile .user-detail {
    display: flex;
    flex-direction: column;
  }
  .nlsg-c-navbar__sub__level-1__items__link-container__link a:not(.nlsg-icon).profile .user-detail span {
    margin-bottom: 5px;
  }
  .nlsg-c-navbar__sub__level-1__items__link-container__link a:not(.nlsg-icon).profile .profile-circle {
    font-size: 1.125rem;
    font-family: "LibreFranklin-Medium", Helvetica, sans-serif;
    border: 0.125rem solid #fff;
    border-radius: 100%;
    width: 3.4375rem;
    height: 3.4375rem;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .nlsg-c-navbar__sub__level-1__items__link-container__link a.nlsg-icon {
    color: #cedc00 !important;
  }
  .nlsg-c-navbar__sub__level-1__items__link-container__link a.nlsg-icon:hover {
    color: #cedc00 !important;
  }
  .nlsg-c-navbar__sub__level-1__items__link-container__link a.nlsg-icon:after {
    color: #cedc00 !important;
  }
  .nlsg-c-navbar__sub__level-1__items__link-container__link a.nlsg-icon:after:hover {
    color: #cedc00 !important;
  }
}
@media only screen and (max-width: 1024px) {
  .nlsg-c-navbar__sub__level-1__items__link-container {
    display: inherit;
    flex-direction: column;
    width: 100%;
    align-items: center;
    gap: 1.5rem;
  }
}
@media only screen and (min-width: 1024px) {
  .nlsg-c-navbar__sub__level-1__items__link-container {
    background: #fff;
  }
}
@media only screen and (max-width: 639px) {
  .nlsg-c-navbar__sub__level-1__items__link-container {
    background: #fff;
    padding: 2rem;
    gap: 1.5rem;
  }
}
.nlsg-c-navbar__sub__level-1 .rounded-button:not(:last-of-type) {
  margin-right: 1rem;
}
@media all and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .nlsg-c-navbar__sub__level-1 .rounded-button:not(:last-of-type) {
    padding-right: 8rem;
    padding-left: 2.5rem;
  }
}
@media only screen and (max-width: 1024px) {
  .nlsg-c-navbar__sub__level-1 {
    align-items: flex-start;
  }
}
.nlsg-c-navbar__sub__level-2 {
  display: inherit;
  width: 100%;
  align-items: center;
  justify-content: space-between;
}
.nlsg-c-navbar__sub__level-2 a {
  display: inherit;
  align-items: center;
  font-size: 0.875rem;
  color: #0C8450;
  font-family: "LibreFranklin-Regular", Helvetica, sans-serif;
}
.nlsg-c-navbar__sub__level-2 a:first-of-type:before {
  position: relative;
  top: 0.0625rem;
  font-family: "nlsg-icons" !important;
}
.nlsg-c-navbar__sub__level-2 a:hover:before {
  color: #006341;
}
.nlsg-c-navbar__sub__level-2 a:nth-of-type(2) {
  display: none;
}
@media only screen and (max-width: 1024px) {
  .nlsg-c-navbar__sub__level-2 {
    align-items: inherit;
    height: 3.75rem;
    padding: 0 1rem;
  }
  .nlsg-c-navbar__sub__level-2 a:nth-of-type(2) {
    display: flex;
  }
}
.nlsg-c-navbar__sub__prev {
  display: none;
  width: 100%;
  align-items: center;
  justify-content: space-between;
}
.nlsg-c-navbar__sub__prev__link-container {
  display: inherit;
  height: 100%;
}
.nlsg-c-navbar__sub__prev__link-container__link {
  display: inherit;
  align-items: center;
  width: auto;
  border-bottom: 0.1875rem solid transparent;
  margin-right: 1rem;
}
.nlsg-c-navbar__sub__prev__link-container__link.active {
  border-bottom: 0.1875rem solid #78be20;
  transition: border-bottom 600ms ease-out;
}
.nlsg-c-navbar__sub__prev__link-container__link:hover {
  border-bottom: 0.1875rem solid #eee;
}
.nlsg-c-navbar__sub__prev__link-container__link:hover.active {
  border-bottom: 0.1875rem solid #78be20;
}
@media only screen and (max-width: 1024px) {
  .nlsg-c-navbar__sub__prev__link-container__link {
    justify-content: space-between;
    padding: 0;
    border-bottom: 0.0625rem solid #eee;
    margin-right: 0;
  }
  .nlsg-c-navbar__sub__prev__link-container__link.active {
    border-bottom: 0.0625rem solid #eee;
  }
  .nlsg-c-navbar__sub__prev__link-container__link:hover {
    border-bottom: 0.0625rem solid #eee;
  }
  .nlsg-c-navbar__sub__prev__link-container__link:hover.active {
    border-bottom: 0.0625rem solid #eee;
  }
}
.nlsg-c-navbar__sub__prev__link-container__link:first-of-type {
  padding-left: 0;
}
@media only screen and (max-width: 1024px) {
  .nlsg-c-navbar__sub__prev__link-container__link:first-of-type {
    padding: 0;
  }
}
.nlsg-c-navbar__sub__prev__link-container__link a {
  text-decoration: none;
  color: #0C8450;
  font-family: "LibreFranklin-Regular", Helvetica, sans-serif;
  width: 100%;
  height: auto;
}
@media only screen and (max-width: 1024px) {
  .nlsg-c-navbar__sub__prev__link-container__link a {
    color: #fff !important;
    font-size: 1.125rem;
    justify-content: space-between;
    display: flex;
    align-items: center;
    padding: 1rem;
  }
  .nlsg-c-navbar__sub__prev__link-container__link a:after {
    top: 0.0625rem;
    font-family: "nlsg-icons" !important;
    position: relative;
    content: "e";
    color: #fff;
  }
}
@media only screen and (max-width: 1024px) {
  .nlsg-c-navbar__sub__prev__link-container {
    display: inherit;
    flex-direction: column;
    width: 100%;
  }
}
@media only screen and (max-width: 1024px) {
  .nlsg-c-navbar__sub__prev__link-container {
    background: #0C8450;
  }
}
.nlsg-c-navbar__sub__prev a {
  display: inherit;
  align-items: center;
  font-size: 0.875rem;
  color: #0C8450;
  font-family: "LibreFranklin-Regular", Helvetica, sans-serif;
}
.nlsg-c-navbar__sub__prev a:first-of-type:before {
  position: relative;
  top: 0.0625rem;
  font-family: "nlsg-icons" !important;
}
.nlsg-c-navbar__sub__prev a:hover:first-of-type:before {
  color: #006341;
}
.nlsg-c-navbar__sub__prev a:nth-of-type(2) {
  display: none;
}
.nlsg-c-navbar .flex-row {
  flex-direction: row;
}
.nlsg-c-navbar .message-border {
  border-left: 0.25rem solid #009639;
}
.nlsg-c-navbar .green-bin {
  color: #78be20 !important;
  top: 0;
}
.nlsg-c-navbar span.step {
  background: #009639;
  border-radius: 0.8em;
  -moz-border-radius: 0.8em;
  -webkit-border-radius: 0.8em;
  color: #ffffff;
  display: inline-block;
  font-weight: bold;
  line-height: 1.6em;
  text-align: center;
  width: 1.5rem;
  height: 1.5rem;
  margin-right: 0.625rem;
}
.nlsg-c-navbar span.step--none {
  background: #bbb;
}
.nlsg-c-navbar .rounded-button {
  cursor: pointer;
  border: 0.125rem solid #006341;
  border-radius: 0.9375rem;
  font-size: 0.875rem;
  padding: 0.3125rem 0.5625rem 0.4375rem 0.5625rem;
  min-width: 6.25rem;
  text-align: center;
  white-space: nowrap;
  font-family: "LibreFranklin-Medium", Helvetica, sans-serif;
}
.nlsg-c-navbar .rounded-button--inverse {
  color: #009639 !important;
  border: 0.125rem solid #009639;
}
.nlsg-c-navbar .page-content {
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 9.3125rem 5.625rem;
  min-height: calc(100vh - 3.6rem);
}
@media only screen and (max-width: 639px) {
  .nlsg-c-navbar .page-content {
    min-height: calc(100vh - 4.625rem);
    padding: 3.6875rem 0.3125rem;
    width: calc(100vw - (100vw - 100%));
  }
  .nlsg-c-navbar .page-content.mobile-sidenav-items-top {
    position: absolute;
    width: 100%;
  }
}
.nlsg-c-navbar .page-content--action {
  min-height: calc(100vh + 2rem);
}
@media only screen and (max-width: 1024px) {
  .nlsg-c-navbar .page-content--action {
    min-height: calc(100vh - 4.375rem);
  }
}
@media only screen and (min-width: 1025px) {
  .nlsg-c-navbar .page-content--action {
    margin-top: -4.375rem;
  }
  .nlsg-c-navbar .page-content--action.sidebar-open {
    top: 80px;
  }
  .nlsg-c-navbar .page-content--action .sidebar.js-display-flex {
    top: 80px;
  }
}
.nlsg-c-navbar .page-content--default, .nlsg-c-navbar .page-content--pre-login {
  padding: 9.3125rem 5.625rem 0rem 5.625rem;
}
@media only screen and (min-width: 1025px) {
  .nlsg-c-navbar .page-content--default.sidebar-open, .nlsg-c-navbar .page-content--pre-login.sidebar-open {
    top: 100px;
  }
  .nlsg-c-navbar .page-content--default .sidebar.js-display-flex, .nlsg-c-navbar .page-content--pre-login .sidebar.js-display-flex {
    top: 150px;
  }
}
.nlsg-c-navbar .page-content .content {
  padding: 1.875rem 0;
}
.nlsg-c-navbar .page-content .content.content--full {
  padding: 0;
}
.nlsg-c-navbar .page-content .content.content--full .container-fluid {
  padding: 0;
}
.nlsg-c-navbar .page-content--full {
  padding: 0rem 0rem 0rem;
}
@media only screen and (max-width: 1024px) {
  .nlsg-c-navbar .page-content--full {
    padding: 3.6875rem 0rem 0rem 0rem;
  }
}
.nlsg-c-navbar .page-content app-alert {
  width: 100%;
}
.nlsg-c-navbar .page-content aside {
  position: fixed;
  right: 0;
  height: 100vh;
  display: none;
  width: 25rem;
  min-width: 25rem;
  background: #fff;
  overflow: hidden;
  border-left: 0.0625rem solid #eee;
}
@media only screen and (max-width: 1024px) {
  .nlsg-c-navbar .page-content aside {
    width: 100%;
    position: fixed;
    z-index: 6000;
    top: 0;
    flex-direction: column;
    min-width: 100%;
    height: 100vh;
    border-left: none;
  }
}
.nlsg-c-navbar .page-content aside div {
  display: flex;
  flex-direction: column;
}
.nlsg-c-navbar .page-content aside div.heading {
  display: inherit;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  border-bottom: 0.0625rem solid #eee;
  padding: 1rem;
  height: 5rem;
}
.nlsg-c-navbar .page-content aside div.heading a.prev-sidebar-icon {
  display: none;
}
.nlsg-c-navbar .page-content aside div.heading.level-2 {
  justify-content: flex-start;
}
.nlsg-c-navbar .page-content aside div.heading.level-2 a.prev-sidebar-icon {
  display: flex;
  width: 100%;
  position: absolute;
  right: -1rem;
}
.nlsg-c-navbar .page-content aside div.heading.level-2 .side-nav-close {
  display: none;
}
.nlsg-c-navbar .page-content aside div.heading.level-2 h5 {
  padding-left: 2rem;
}
@media only screen and (max-width: 1024px) {
  .nlsg-c-navbar .page-content aside div.heading {
    height: 3.75rem;
  }
}
.nlsg-c-navbar .page-content aside div.heading span {
  width: auto;
  flex-direction: row;
}
.nlsg-c-navbar .page-content aside div.heading span a:first-of-type {
  padding-right: 1rem;
}
.nlsg-c-navbar .page-content aside div.sidebar-content {
  display: inherit;
  flex-direction: row;
  justify-content: space-between;
}
.nlsg-c-navbar .page-content aside div.sidebar-content ul {
  width: 100%;
}
.nlsg-c-navbar .page-content aside div.sidebar-content ul li {
  color: #666;
  padding: 1rem;
  border-bottom: 0.0625rem solid #eee;
}
.nlsg-c-navbar .page-content aside div.sidebar-content ul li a {
  display: flex;
  justify-content: space-between;
  text-decoration: none;
}
.nlsg-c-navbar .page-content aside div.sidebar-content ul li a p {
  padding: 0;
  margin: 0;
}
.nlsg-c-navbar .page-content aside div.sidebar-content p {
  padding: 1rem;
}
.nlsg-c-navbar .page-content aside div.contact, .nlsg-c-navbar .page-content aside div.chat, .nlsg-c-navbar .page-content aside div.profile {
  width: 25rem;
  background: #fff;
  transition: transform 300ms ease;
}
.nlsg-c-navbar .page-content aside div.contact h5, .nlsg-c-navbar .page-content aside div.chat h5, .nlsg-c-navbar .page-content aside div.profile h5 {
  margin-bottom: 0;
  font-family: "LibreFranklin-Regular", Helvetica, sans-serif;
}
.nlsg-c-navbar .page-content aside div.contact span, .nlsg-c-navbar .page-content aside div.chat span, .nlsg-c-navbar .page-content aside div.profile span {
  position: relative;
  top: 0.1875rem;
}
@media only screen and (max-width: 1024px) {
  .nlsg-c-navbar .page-content aside div.contact, .nlsg-c-navbar .page-content aside div.chat, .nlsg-c-navbar .page-content aside div.profile {
    transform: translate(64.4375rem);
    width: 100%;
  }
}
.nlsg-c-navbar .page-content aside div.contact {
  transform: translate(-25rem);
  opacity: 0;
}
@media all and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .nlsg-c-navbar .page-content aside div.contact {
    position: absolute;
  }
}
.nlsg-c-navbar .page-content aside div.contact span {
  position: relative;
  top: 0;
}
.nlsg-c-navbar .page-content aside div.contact ul li {
  border-bottom: none;
}
.nlsg-c-navbar .page-content aside div.contact ul li:not(:first-of-type) {
  padding-bottom: 0;
}
.nlsg-c-navbar .page-content aside div.contact ul li a {
  height: 1.25rem;
  align-self: center;
  margin-left: 0.625rem;
}
.nlsg-c-navbar .page-content aside div.contact ul li a + span {
  margin-left: 0.625rem;
  color: #666;
  font-size: 0.875rem;
  font-weight: 200;
}
.nlsg-c-navbar .page-content aside div.chat {
  transform: translate(0);
  opacity: 0;
  height: 100%;
}
.nlsg-c-navbar .page-content aside div.chat .heading span {
  display: flex;
  flex-direction: row;
}
.nlsg-c-navbar .page-content aside div.chat .sidebar-content {
  flex-direction: column;
  overflow: auto;
}
.nlsg-c-navbar .page-content aside div.chat .sidebar-content .chat-input-wrapper {
  width: 100%;
  height: auto;
  background: #fff;
  position: absolute;
  border-top: 0.0625rem solid #eee;
  bottom: 5rem;
}
@media only screen and (max-width: 1024px) {
  .nlsg-c-navbar .page-content aside div.chat .sidebar-content .chat-input-wrapper {
    bottom: 0;
  }
}
.nlsg-c-navbar .page-content aside div.chat .sidebar-content .chat-input-wrapper .nlsg-c-form-element__form-group {
  position: relative;
  margin-bottom: 0;
  width: 94%;
}
@media only screen and (max-width: 1024px) {
  .nlsg-c-navbar .page-content aside div.chat .sidebar-content .chat-input-wrapper .nlsg-c-form-element__form-group {
    max-width: 100%;
    width: 100%;
  }
}
.nlsg-c-navbar .page-content aside div.chat .sidebar-content .chat-input-wrapper input {
  margin: 1rem;
  width: 100%;
}
@media only screen and (max-width: 1024px) {
  .nlsg-c-navbar .page-content aside div.chat .sidebar-content .chat-input-wrapper input {
    max-width: 97%;
  }
}
@media only screen and (max-width: 768px) {
  .nlsg-c-navbar .page-content aside div.chat .sidebar-content .chat-input-wrapper input {
    max-width: 96%;
  }
}
@media only screen and (max-width: 640px) {
  .nlsg-c-navbar .page-content aside div.chat .sidebar-content .chat-input-wrapper input {
    max-width: 94%;
  }
}
@media only screen and (max-width: 320px) {
  .nlsg-c-navbar .page-content aside div.chat .sidebar-content .chat-input-wrapper input {
    max-width: 90%;
  }
}
.nlsg-c-navbar .page-content aside div.chat .sidebar-content .chat-input-wrapper .send-button {
  position: absolute;
  right: 0;
  top: 1.9375rem;
  color: #009639;
}
@media only screen and (max-width: 1024px) {
  .nlsg-c-navbar .page-content aside div.chat .sidebar-content .chat-input-wrapper .send-button {
    right: 1.875rem;
  }
}
.nlsg-c-navbar .page-content aside div.profile {
  transform: translate(25rem);
  opacity: 0;
}
.nlsg-c-navbar .page-content .active-sidebar {
  position: absolute;
  transform: translate(0) !important;
  opacity: 1 !important;
  z-index: 6000;
}

.nlsg-c-navbar__main--action ~ .nlsg-c-navbar__sub {
  display: none !important;
}

.js-display-flex {
  display: flex !important;
}

.demo-content {
  display: none;
}
.demo-content div {
  padding-top: 1rem;
}

.demo-content-level-2 {
  display: none;
}
.demo-content-level-2 div {
  padding-top: 1rem;
}

.demo-content-trans {
  display: none;
}
@media only screen and (max-width: 1024px) {
  .demo-content-trans {
    margin-top: -3.125rem;
  }
}
.demo-content-trans div {
  padding-top: 1rem;
}

.demo-content-in-flow {
  display: none;
  margin-top: -4.375rem;
}
@media only screen and (max-width: 1024px) {
  .demo-content-in-flow {
    margin-top: 0;
  }
}
.demo-content-in-flow div {
  padding-top: 1rem;
}

.demo-content-in-tcs {
  display: none;
  margin-top: -4.375rem;
}
@media only screen and (max-width: 1024px) {
  .demo-content-in-tcs {
    margin-top: 0;
  }
}

.prev-in-page-demo {
  margin-bottom: 1.875rem;
}

.nlsg-c-navbar__main--action .prev-in-page-demo {
  margin-bottom: 0;
}

.sidebar-profile-content-2 {
  display: none;
}
.sidebar-profile-content-2--messages .nlsg-c-alert--block--success {
  flex-direction: row !important;
  max-height: 5rem;
  display: none;
  align-items: center;
}
.sidebar-profile-content-2--messages .nlsg-c-form-element__form-group {
  width: auto;
}
.sidebar-profile-content-2--messages .days-divider {
  display: flex;
  align-items: center;
  height: 1.875rem;
  top: 0 !important;
  background: #eee;
  color: #666;
  font-size: 0.875rem;
  width: 100%;
  padding: 0 1rem;
}
.sidebar-profile-content-2--messages li {
  display: flex;
  align-items: center;
  height: 8.5rem;
  border-left: 0.25rem solid transparent;
  transition: 300ms ease;
}
.sidebar-profile-content-2--messages li:hover {
  border-left: 0.25rem solid #009639;
}
.sidebar-profile-content-2--messages li a {
  display: flex;
  flex-direction: column;
}
.sidebar-profile-content-2--messages li h6 {
  font-size: 1.125rem;
  color: #333;
  font-family: "LibreFranklin-Medium", Helvetica, sans-serif;
  padding: 0 1rem;
  margin-bottom: 0;
}
.sidebar-profile-content-2--messages li h6:after {
  content: "";
  display: block;
  position: relative;
  left: -7%;
  top: -0.875rem;
  width: 0.5625rem;
  height: 0.5625rem;
  border-radius: 2.75rem;
  border-radius: 0.5625rem;
  background: transparent;
}
.sidebar-profile-content-2--messages li h6.unread:after {
  background: #78be20;
}
.sidebar-profile-content-2--messages li h6.expiring:after {
  background: #d22630;
}
.sidebar-profile-content-2--messages li p {
  font-size: 0.875rem;
  color: #333;
  padding: 0 1rem !important;
  margin-bottom: 0.3125rem !important;
}
.sidebar-profile-content-2--messages li span {
  color: #bbb;
  font-size: 0.875rem;
  padding: 0 1rem !important;
}
.sidebar-profile-content-2--messages li .expiring-text {
  color: #d22630 !important;
}

#bell-icon-animation {
  width: 1.625rem;
  height: 1.625rem;
  display: block;
  overflow: hidden;
  transform: translate3d(0, 0, 0);
  text-align: center;
  opacity: 1;
}

.clicked {
  color: #cedc00 !important;
}
.clicked.rounded-button {
  border: 0.125rem solid #cedc00 !important;
}
.clicked .profile-circle {
  border: 0.125rem solid #cedc00 !important;
}

.bin-class-word {
  display: none;
  top: 0;
  color: #78be20;
  align-items: center;
  cursor: pointer;
}

.showCancel {
  display: flex !important;
}

.delete-buttons {
  display: none !important;
  flex-direction: row !important;
  flex-wrap: wrap;
  padding: 1rem 0;
  border-bottom: 0.0625rem solid #eee;
}
.delete-buttons button {
  width: 3.125rem;
  margin: 0 0.5rem;
  min-width: 11.125rem;
}
@media only screen and (max-width: 1024px) {
  .delete-buttons button {
    width: 100%;
    margin: 0.5rem 0.5rem;
  }
}

.checkbox-container {
  display: none !important;
}

.delete-buttons-visible {
  display: flex !important;
}

.delete-messages-icon {
  width: 100%;
  display: flex;
  flex-direction: row !important;
  justify-content: flex-end !important;
}

.nlsg-icon-trash {
  display: none;
}

.empty-state {
  display: none !important;
}

.empty-state-visible {
  display: flex !important;
  align-items: center;
  height: 100vh;
}
.empty-state-visible svg {
  margin: 2.5rem 0;
}
.empty-state-visible p {
  text-align: center;
}
.empty-state-visible .nlsg-c-alert--block__alert-content p {
  text-align: left;
}

.sidebar-open {
  width: calc(100vw - 25rem);
  padding: 3.125rem 0.9375rem !important;
}
.sidebar-open.page-content--full {
  padding: 3.125rem 0 !important;
}
.sidebar-open .banner__container {
  height: calc((100vw - 25rem) / 3.2) !important;
}
@media screen and (max-width: 1280px) {
  .sidebar-open .banner__container h1 {
    font-size: 2.5rem;
    margin-left: -0.1rem;
  }
}

.top-align-sidebar {
  top: auto;
}
.top-align-sidebar--80 {
  top: 5rem;
}
.top-align-sidebar--150 {
  top: 9.375rem;
}
@media only screen and (max-width: 1024px) {
  .top-align-sidebar {
    top: 0;
  }
}

.bottom-align-chat {
  bottom: 9.6875rem !important;
}
@media only screen and (max-width: 1024px) {
  .bottom-align-chat {
    bottom: 0 !important;
  }
}

.navbar-co-branding {
  border-right: 3px solid #006341;
  padding-right: 20px;
  margin-right: 20px;
}

.navbar-co-branding-image {
  height: 1.5rem;
  width: 7rem;
}

.navbar-co-branding-row {
  display: flex;
  align-items: center;
  padding-left: 2rem;
}

/* ----------------------------
------- Block alert -----------
------------------------------- */
.nlsg-c-alert--block {
  position: relative;
  display: flex;
  justify-content: space-between;
  padding: 20px;
  color: #333;
  width: calc(100vw - 4px);
  min-height: 80px;
  min-width: 320px;
  margin-bottom: 30px;
}
.nlsg-c-alert--block .nlsg-icon-close, .nlsg-c-alert--block .nlsg-c-form-element__help ul li.invalid:before, .nlsg-c-form-element__help ul .nlsg-c-alert--block li.invalid:before, .nlsg-c-alert--block .nlsg-c-form-element .nlsg-c-search-input__clear-search-icon:before, .nlsg-c-form-element .nlsg-c-alert--block .nlsg-c-search-input__clear-search-icon:before {
  cursor: pointer;
}
.nlsg-c-alert--block + .content {
  padding-top: 98px;
}
.nlsg-c-alert--block + .nlsg-c-stepper__main__content {
  padding-top: 8rem;
}
.nlsg-c-alert--block + .nlsg-c-stepper--mobile__content--contents {
  padding-top: 4rem;
}
@media screen and (max-width: 768px) {
  .nlsg-c-alert--block {
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 640px) {
  .nlsg-c-alert--block {
    margin-bottom: 20px;
  }
}
.nlsg-c-alert--block:before {
  position: relative;
  font-family: "nlsg-icons" !important;
  top: 2px;
  left: 0;
  margin-right: 10px;
}
.nlsg-c-alert--block__alert-content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
}
.nlsg-c-alert--block__alert-content p {
  margin: 0;
}
.nlsg-c-alert--block__alert-content p.heading {
  font-family: "LibreFranklin-Medium", Helvetica, sans-serif;
}
.nlsg-c-alert--block__alert-content .link-container {
  display: inherit;
  flex-direction: row;
  margin-top: 10px;
}
.nlsg-c-alert--block__alert-content .link-container a {
  color: #333;
  padding-right: 1rem;
  text-decoration: underline;
}
.nlsg-c-alert--block--single-line {
  align-items: center;
}
.nlsg-c-alert--block--single-line + .content {
  margin-top: 80px;
}
@media screen and (max-width: 640px) {
  .nlsg-c-alert--block--single-line {
    align-items: flex-start;
  }
}
.nlsg-c-alert--block--informative {
  background: #d0f0ee;
}
.nlsg-c-alert--block--warning {
  background: #fceed3;
}
.nlsg-c-alert--block--success {
  background: #E4F2D2;
}
.nlsg-c-alert--block--error {
  background: #f7d4d7;
}
.nlsg-c-alert--block--fixed {
  position: fixed;
  z-index: 3000;
  left: 0px;
  right: 0px;
}
.nlsg-c-alert--block--fixed--default, .nlsg-c-alert--block--fixed--pre-login {
  top: 150px;
}
@media screen and (max-width: 1024px) {
  .nlsg-c-alert--block--fixed--default, .nlsg-c-alert--block--fixed--pre-login {
    top: 60px;
  }
}
.nlsg-c-alert--block--fixed--action {
  top: 80px;
}
@media screen and (max-width: 1024px) {
  .nlsg-c-alert--block--fixed--action {
    top: 60px;
  }
}

/* -----------------------------
------- Inline alert -----------
-------------------------------- */
.nlsg-c-alert--inline--error:before, .nlsg-c-alert--inline--success:before, .nlsg-c-alert--inline--warning:before, .nlsg-c-alert--inline--informative:before {
  position: absolute;
  left: 0;
  width: 1.5rem;
  top: -4px;
  transition: all 0.5s ease;
}

.nlsg-c-alert--inline {
  display: flex;
  padding: 0 2rem;
  color: #333;
  position: relative;
  font-size: 1rem;
  margin-bottom: 30px;
  font-family: "LibreFranklin-Medium", Helvetica, sans-serif;
}
@media screen and (max-width: 768px) {
  .nlsg-c-alert--inline {
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 640px) {
  .nlsg-c-alert--inline {
    margin-bottom: 20px;
  }
}
.nlsg-c-alert--inline--informative {
  color: #00F2A2;
  background: transparent;
}
.nlsg-c-alert--inline--warning {
  background: transparent;
  color: #f2a900;
  transition: transform 2s;
}
.nlsg-c-alert--inline--warning.rotating:before {
  transform: rotate(-720deg);
}
.nlsg-c-alert--inline--warning span {
  cursor: pointer;
}
.nlsg-c-alert--inline--warning span:before {
  content: "";
  height: 1px;
  background: #f2a900;
  position: absolute;
  margin-top: 21px;
  display: block;
  width: 0;
  transition: width 0.5s ease;
}
.nlsg-c-alert--inline--warning span:hover::before {
  width: 4.25rem;
}
.nlsg-c-alert--inline--success {
  background: transparent;
  color: #009639;
}
.nlsg-c-alert--inline--error {
  background: transparent;
  color: #d22630;
}
.nlsg-c-filter {
  padding: 0;
  margin: 0;
}

.component-display .nlsg-c-table {
  min-width: 650px;
}

.nlsg-c-filter-container {
  display: none;
  margin-top: 30px;
}

.nlsg-c-table {
  min-width: 1024px;
  max-width: 100%;
  margin: 0 auto;
}
.nlsg-c-table--full {
  min-width: 100%;
  max-width: 100%;
}
.nlsg-c-table.tablesorter th:not(.checkbox):after {
  font-family: "nlsg-icons" !important;
  top: 2px;
  position: relative;
}
.nlsg-c-table.tablesorter th:last-of-type:after {
  content: "" !important;
}
.nlsg-c-table thead {
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
  text-align: left;
}
.nlsg-c-table thead.no-border {
  border-top: none;
}
.nlsg-c-table thead tr {
  padding: 0 15px;
  max-height: 50px;
}
.nlsg-c-table thead th {
  text-align: left;
  font-weight: "LibreFranklin-Medium", Helvetica, sans-serif;
  color: #bbb;
  font-size: 0.8rem;
  padding: 15px 10px;
  max-height: 50px;
}
.nlsg-c-table thead th .sorting-icon {
  margin: 0 0 0 10px;
}
.nlsg-c-table thead th .nlsg-c-form-element__checkbox input[type=checkbox]:not(:checked) + label:before,
.nlsg-c-table thead th .nlsg-c-form-element__checkbox input[type=checkbox]:checked + label:before {
  width: 20px;
  height: 20px;
  border-radius: 2px;
}
.nlsg-c-table thead th label {
  width: 0 !important;
  padding-left: 0 !important;
  padding-top: 0 !important;
}
.nlsg-c-table thead th .nlsg-c-form-element__checkbox input[type=checkbox]:not(:checked) + label:after,
.nlsg-c-table thead th .nlsg-c-form-element__checkbox input[type=checkbox]:checked + label:after {
  top: 0.25rem;
  left: 0.3rem;
  width: 20px;
  height: 20px;
  border-radius: 2px;
}
.nlsg-c-table thead th .nlsg-c-form-element__checkbox input[type=checkbox]:checked + label:before {
  border: 2px solid #bbb;
  background: #fff;
}
.nlsg-c-table thead th .nlsg-c-form-element__checkbox input[type=checkbox]:not(:checked) + label:after,
.nlsg-c-table thead th .nlsg-c-form-element__checkbox input[type=checkbox]:checked + label:after {
  top: 2px;
  left: -0.1rem;
}
.nlsg-c-table thead th.checkbox {
  width: 50px;
  padding-left: 12px !important;
}
.nlsg-c-table thead th.expand {
  padding-right: 10px;
  position: relative;
}
.nlsg-c-table tbody tr {
  border-bottom: 1px solid #eee;
}
.nlsg-c-table tbody tr.expand-table-container {
  display: none;
  padding: 0 !important;
  width: 100% !important;
}
.nlsg-c-table tbody tr.expand-table-container:hover {
  background: initial;
  box-shadow: none;
}
.nlsg-c-table tbody tr.expand-table-container tr {
  padding: 0 !important;
}
.nlsg-c-table tbody tr.expand-table-container td {
  padding: 0 !important;
}
.nlsg-c-table tbody tr.expand-table-container td table {
  min-width: 100% !important;
}
.nlsg-c-table tbody tr.expand-table-container td table tr:hover {
  background: #f7f7f7;
  box-shadow: none;
}
.nlsg-c-table tbody tr.expand-table-container td table thead {
  border-top: none;
  border-bottom: 1px solid #eee;
  text-align: left;
  max-height: 30px;
  background: #f7f7f7;
}
.nlsg-c-table tbody tr.expand-table-container td table thead th {
  text-align: left;
  font-weight: "LibreFranklin-Medium", Helvetica, sans-serif;
  color: #bbb;
  font-size: 0.75rem;
  padding: 9px 10px 9px 10px !important;
}
.nlsg-c-table tbody tr.expand-table-container td table thead th:after {
  font-family: "nlsg-icons" !important;
  top: 2px;
  left: 10px;
  position: relative;
}
.nlsg-c-table tbody tr.expand-table-container td table thead th:last-of-type:after {
  content: "";
}
.nlsg-c-table tbody tr.expand-table-container td table thead th:first-child {
  padding-left: 20px !important;
  width: auto !important;
}
.nlsg-c-table tbody tr.expand-table-container td table thead th:last-child {
  padding-left: auto !important;
  width: auto !important;
}
.nlsg-c-table tbody tr.expand-table-container td table tbody tr:hover {
  background: #f7f7f7;
}
.nlsg-c-table tbody tr.expand-table-container td table tbody tr:hover td:first-of-type {
  box-shadow: inset 4px 0 0 #009639;
}
.nlsg-c-table tbody tr.expand-table-container td table tbody tr:last-child {
  border-bottom: none;
}
.nlsg-c-table tbody tr.expand-table-container td table tbody td {
  padding: 8px 10px 8px 10px !important;
}
.nlsg-c-table tbody tr.expand-table-container td table tbody td:first-child {
  padding-left: 20px !important;
  width: auto !important;
}
.nlsg-c-table tbody tr.expand-table-container td table tbody td:last-child {
  width: 70px;
  text-align: center;
}
.nlsg-c-table tbody tr.expand-table-container td table tbody td:last-child a {
  padding: 5px 15px;
}
.nlsg-c-table tbody td {
  font-weight: "LibreFranklin-Regular", Helvetica, sans-serif;
  color: #666;
  font-size: 0.875rem;
  padding: 15px 10px 15px 10px;
  position: relative !important;
}
.nlsg-c-table tbody td.mobile-view div {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  flex-direction: row;
}
.nlsg-c-table tbody td.mobile-view div span:first-of-type:not(.stacked-title) {
  margin-right: 20px;
  display: flex;
  align-self: center;
}
.nlsg-c-table tbody td.mobile-view div span:last-of-type {
  text-align: right;
}
.nlsg-c-table tbody td.mobile-view div:not(:last-of-type) {
  margin-bottom: 15px;
}
.nlsg-c-table tbody td.mobile-view div:last-of-type {
  margin-top: 30px;
  margin-bottom: 5px;
}
.nlsg-c-table tbody td.text-left {
  text-align: left;
}
.nlsg-c-table tbody td.text-center {
  text-align: center;
}
.nlsg-c-table tbody td.text-right {
  text-align: right;
}
.nlsg-c-table tbody td.w-190 {
  min-width: 190px;
}
.nlsg-c-table tbody td .stacked-title {
  display: block;
  margin-bottom: 0.5rem;
  font-family: "LibreFranklin-Medium", Helvetica, sans-serif;
}
.nlsg-c-table tbody td .nlsg-c-form-element__checkbox input[type=checkbox]:not(:checked) + label:before,
.nlsg-c-table tbody td .nlsg-c-form-element__checkbox input[type=checkbox]:checked + label:before {
  left: initial !important;
  top: initial !important;
  width: 20px;
  height: 20px;
  border-radius: 2px;
}
.nlsg-c-table tbody td label {
  width: 0 !important;
  padding-left: 0 !important;
  padding-top: 0 !important;
}
.nlsg-c-table tbody td .nlsg-c-form-element__checkbox input[type=checkbox]:checked + label:before {
  border: 2px solid #bbb;
  background: #fff;
}
.nlsg-c-table tbody td .nlsg-c-form-element__checkbox input[type=checkbox]:not(:checked) + label:after,
.nlsg-c-table tbody td .nlsg-c-form-element__checkbox input[type=checkbox]:checked + label:after {
  top: 2px;
  left: -0.1rem;
}
.nlsg-c-table tbody td.checkbox {
  padding-left: 12px !important;
}
.nlsg-c-table tbody td.expand {
  padding-right: 10px;
  position: relative;
}
.nlsg-c-table tbody td.positive-table-number {
  color: #009639;
}
.nlsg-c-table tbody td.negative-table-number {
  color: #d22630;
}
.nlsg-c-table tbody td .expand-table-row {
  padding: 0 1rem;
  display: inline-block;
  position: absolute;
  top: 50%;
  margin-top: -8px;
  left: 50%;
  margin-left: -23px;
}
.nlsg-c-table tbody td .expand-table-row:after {
  font-family: "nlsg-icons" !important;
}
.nlsg-c-table tbody td .expand-table-row th:after {
  font-family: "nlsg-icons" !important;
}
.nlsg-c-table tbody td .expand-table-row th.active:after {
  font-family: "nlsg-icons" !important;
}
.nlsg-c-table tbody td .expand-table-row.active {
  transform: rotate(180deg);
}
.nlsg-c-table .more-actions-icon:after {
  font-family: "nlsg-icons" !important;
}
.nlsg-c-table .more-actions-icon.active:after {
  font-family: "nlsg-icons" !important;
}
.nlsg-c-table .more-actions-container {
  position: absolute;
  width: 10rem;
  top: 60px;
  right: 0px;
  border: 1px solid #eee;
  border-radius: 3px;
  background: #fff;
  z-index: 999;
  text-align: left;
  display: none;
  box-shadow: 0px 0px 20px #eee;
}
.nlsg-c-table .more-actions-container li a {
  padding: 0.5rem 0.75rem 1rem 0.75rem;
  display: block;
  color: #666;
  text-decoration: none;
}
.nlsg-c-table .more-actions-container li a:hover {
  background: #eee;
}
.nlsg-c-table .more-actions-container li a.test:before {
  font-family: "nlsg-icons" !important;
  width: 16px;
  height: 16px;
  display: inline-block;
  margin-right: 12px;
  top: 6px;
  position: relative;
}
.nlsg-c-table.small-table thead {
  border-top: none;
  border-bottom: 1px solid #eee;
  text-align: left;
  max-height: 30px;
  background: #f7f7f7;
}
.nlsg-c-table.small-table thead th {
  text-align: left;
  font-weight: "LibreFranklin-Medium", Helvetica, sans-serif;
  color: #bbb;
  font-size: 0.75rem;
  padding: 9px 10px 9px 10px !important;
}
.nlsg-c-table.small-table thead th.text-left {
  text-align: left;
}
.nlsg-c-table.small-table thead th.text-center {
  text-align: center;
}
.nlsg-c-table.small-table thead th.text-right {
  text-align: right;
}
.nlsg-c-table.small-table thead th:first-child {
  padding-left: 20px !important;
  width: auto !important;
}
.nlsg-c-table.small-table thead th:last-child {
  padding-left: auto !important;
  width: auto !important;
}
.nlsg-c-table.small-table tbody tr:last-child {
  border-bottom: none;
}
.nlsg-c-table.small-table tbody td {
  padding: 8px 10px 8px 10px !important;
}
.nlsg-c-table.small-table tbody td:first-child {
  padding-left: 20px !important;
  width: auto !important;
}
.nlsg-c-table.small-table tbody td:last-child {
  width: 70px;
  text-align: center;
}
.nlsg-c-table.small-table tbody td:last-child a {
  padding: 5px 15px;
}
.nlsg-c-table.editable-table tbody td {
  padding: 0px !important;
}
.nlsg-c-table.editable-table tbody td.text-right {
  padding-right: 10px !important;
}
.nlsg-c-table.editable-table input[type=text] {
  border: 1px solid transparent;
  outline: none;
  box-shadow: none;
  min-width: 100% !important;
  font-family: "LibreFranklin-Regular", Helvetica, sans-serif;
  background: transparent;
  cursor: pointer;
  color: #666;
  font-size: 0.875rem;
  padding: 10px;
  margin: 5px 10px;
}
.nlsg-c-table.editable-table input[type=text]:focus {
  border: 1px solid #eee;
  background: #fff;
}

/* ------------------------
------- Lists -------------
------------------------ */
.nlsg-c-list {
  margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
  .nlsg-c-list {
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 640px) {
  .nlsg-c-list {
    margin-bottom: 20px;
  }
}
.nlsg-c-list__ul, .nlsg-c-list__ol {
  color: #666;
  padding: 0 1.4rem 0.9375rem 1.4rem;
  list-style: disc;
}
.nlsg-c-list__ul__li,
.nlsg-c-list__ul li, .nlsg-c-list__ol__li,
.nlsg-c-list__ol li {
  padding: 0.4rem;
  line-height: 1.5;
}
.nlsg-c-list__ul .nlsg-c-list, .nlsg-c-list__ol .nlsg-c-list {
  margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
  .nlsg-c-list__ul .nlsg-c-list, .nlsg-c-list__ol .nlsg-c-list {
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 640px) {
  .nlsg-c-list__ul .nlsg-c-list, .nlsg-c-list__ol .nlsg-c-list {
    margin-bottom: 20px;
  }
}
.nlsg-c-list__ul .nlsg-c-list__ul, .nlsg-c-list__ul .nlsg-c-list__ol, .nlsg-c-list__ol .nlsg-c-list__ul, .nlsg-c-list__ol .nlsg-c-list__ol {
  color: #666;
  padding: 0 1.4rem 0 1.4rem;
  list-style: disc;
}
.nlsg-c-list__ul .nlsg-c-list__ul__li,
.nlsg-c-list__ul .nlsg-c-list__ul li, .nlsg-c-list__ul .nlsg-c-list__ol__li,
.nlsg-c-list__ul .nlsg-c-list__ol li, .nlsg-c-list__ol .nlsg-c-list__ul__li,
.nlsg-c-list__ol .nlsg-c-list__ul li, .nlsg-c-list__ol .nlsg-c-list__ol__li,
.nlsg-c-list__ol .nlsg-c-list__ol li {
  padding: 0.4rem;
  line-height: 1.5;
}
.nlsg-c-list__ul .nlsg-c-list__ol,
.nlsg-c-list__ul .nlsg-c-list ol, .nlsg-c-list__ol .nlsg-c-list__ol,
.nlsg-c-list__ol .nlsg-c-list ol {
  list-style: decimal;
}
.nlsg-c-list__ol,
.nlsg-c-list ol {
  list-style: decimal;
}

/* ------------------------
------- Modals ------------
------------------------ */
.nlsg-modal-overlay {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 10001 !important;
  display: none;
}
.nlsg-modal-overlay.visible {
  display: block;
  position: absolute;
}

.nlsg-modal {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 810px;
  background: #fff;
  border-radius: 5px;
  z-index: 10002 !important;
  display: none;
  padding: 3.75rem;
  text-align: left;
  max-height: 90vh;
  overflow-y: auto;
}
.nlsg-modal .nlsg-icon-close, .nlsg-modal .nlsg-c-form-element__help ul li.invalid:before, .nlsg-c-form-element__help ul .nlsg-modal li.invalid:before, .nlsg-modal .nlsg-c-form-element .nlsg-c-search-input__clear-search-icon:before, .nlsg-c-form-element .nlsg-modal .nlsg-c-search-input__clear-search-icon:before {
  position: absolute;
  top: 5px;
  right: 5px;
  margin: 0;
  padding: 0;
  line-height: 0;
  width: 2rem;
  height: 2rem;
}
.nlsg-modal .nlsg-icon-close:before, .nlsg-modal .nlsg-c-form-element__help ul li.invalid:before, .nlsg-c-form-element__help ul .nlsg-modal li.invalid:before, .nlsg-modal .nlsg-c-form-element .nlsg-c-search-input__clear-search-icon:before, .nlsg-c-form-element .nlsg-modal .nlsg-c-search-input__clear-search-icon:before {
  line-height: 2.125rem;
}
.nlsg-modal h1 {
  margin-top: 15px;
  font-family: "LibreFranklin-Regular", Helvetica, sans-serif;
  font-size: 1.875rem;
  color: #666 !important;
}
@media screen and (max-width: 560px) {
  .nlsg-modal h1 {
    font-size: 1.5rem;
  }
}
.nlsg-modal p {
  margin-top: 15px;
  font-family: "LibreFranklin-Regular", Helvetica, sans-serif;
  font-size: 1.25rem;
  color: #666 !important;
}
@media screen and (max-width: 560px) {
  .nlsg-modal p {
    font-size: 1rem;
  }
}
.nlsg-modal.visible {
  display: block;
  position: fixed;
  margin-top: 0px;
  margin-bottom: 60px;
}
@media screen and (max-width: 639px) {
  .nlsg-modal.visible {
    position: absolute;
    width: 350px;
    padding: 1rem;
  }
}
@media screen and (max-width: 1024px) {
  .nlsg-modal {
    width: 540px;
    padding: 40px;
  }
  .nlsg-modal h1, .nlsg-modal p {
    margin-top: 10px;
  }
}
@media screen and (max-width: 560px) {
  .nlsg-modal {
    width: 280px;
    padding: 40px;
  }
  .nlsg-modal h1, .nlsg-modal p {
    margin-top: 10px;
  }
}
.nlsg-modal--buttons {
  margin: 23px auto 0 auto;
  display: flex;
  justify-content: space-between;
}
.nlsg-modal--buttons button {
  display: inline !important;
  min-width: initial;
  width: 42.5%;
  margin: 0 auto;
}
@media screen and (max-width: 560px) {
  .nlsg-modal--buttons button {
    width: 100%;
  }
  .nlsg-modal--buttons button:last-of-type {
    margin-bottom: 15px;
  }
}
@media screen and (max-width: 560px) {
  .nlsg-modal--buttons {
    flex-direction: column-reverse;
  }
}

.test-modal {
  width: auto;
  padding: 0 1rem;
}
@media screen and (max-width: 560px) {
  .test-modal {
    width: 500px;
  }
}

.contact-us-container {
  display: flex;
  padding: 4rem 0rem;
  flex-direction: column;
  align-items: center;
  align-self: stretch;
  background: #FFF;
}
@media screen and (max-width: 639px) {
  .contact-us-container {
    padding: 0;
  }
}

.contact-us-container-box {
  display: flex;
  width: 360px;
  padding: 2rem;
  flex-direction: column;
  align-items: flex-start;
  gap: 1rem;
  align-self: stretch;
  border-radius: 0.75rem;
  border: 1px solid #E5EDEC;
  background: #FFF;
  box-shadow: 0px 6px 20px 0px rgba(0, 0, 0, 0.1);
}
@media screen and (max-width: 639px) {
  .contact-us-container-box {
    gap: 0rem;
    width: 300px;
    padding: 5px;
  }
}

.contact-us-row {
  display: flex;
  align-items: flex-start;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  gap: 30px;
}
@media screen and (max-width: 1024px) {
  .contact-us-row {
    flex-direction: column;
    gap: 10px;
  }
}

.modal-launch-btn {
  position: absolute !important;
  top: 30px !important;
  left: 50% !important;
  margin-left: -200px !important;
}
@media screen and (max-width: 560px) {
  .modal-launch-btn {
    max-width: 100px !important;
    width: 100px !important;
    margin-left: -100px !important;
    top: 30px !important;
  }
}

.component-display-modal {
  background: #fff !important;
  margin-bottom: 0 !important;
}
.component-display-modal .nlsg-modal-overlay {
  z-index: 1 !important;
}
.component-display-modal .documentationModal {
  position: relative !important;
  top: 0px !important;
  left: 0px !important;
  transform: none !important;
  width: 810px !important;
  background: #fff !important;
  border-radius: 5px !important;
  z-index: 2 !important;
  padding: 3.75rem 3.75rem 1.75rem 3.75rem !important;
  text-align: center !important;
}
.component-display-modal .documentationModal.visible {
  display: block !important;
  margin-bottom: 0px !important;
}
.component-display-modal .documentationModal .nlsg-icon-close, .component-display-modal .documentationModal .nlsg-c-form-element__help ul li.invalid:before, .nlsg-c-form-element__help ul .component-display-modal .documentationModal li.invalid:before, .component-display-modal .documentationModal .nlsg-c-form-element .nlsg-c-search-input__clear-search-icon:before, .nlsg-c-form-element .component-display-modal .documentationModal .nlsg-c-search-input__clear-search-icon:before {
  position: absolute !important;
  top: 6px !important;
  right: 6px !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 0 !important;
  width: 2rem !important;
  height: 2rem !important;
}
.component-display-modal .documentationModal .nlsg-icon-close:before, .component-display-modal .documentationModal .nlsg-c-form-element__help ul li.invalid:before, .nlsg-c-form-element__help ul .component-display-modal .documentationModal li.invalid:before, .component-display-modal .documentationModal .nlsg-c-form-element .nlsg-c-search-input__clear-search-icon:before, .nlsg-c-form-element .component-display-modal .documentationModal .nlsg-c-search-input__clear-search-icon:before {
  line-height: 2.125rem !important;
}
.component-display-modal .documentationModal h1 {
  margin-top: 15px;
  font-family: "LibreFranklin-Regular", Helvetica, sans-serif !important;
  font-size: 1.875rem !important;
  color: #666 !important;
  letter-spacing: 0.05rem !important;
  padding: 0px;
}
@media screen and (max-width: 560px) {
  .component-display-modal .documentationModal h1 {
    font-size: 1.5rem !important;
  }
}
.component-display-modal .documentationModal p {
  margin-top: 15px;
  font-family: "LibreFranklin-Regular", Helvetica, sans-serif !important;
  font-size: 1.25rem !important;
  color: #666 !important;
  padding: 0px;
}
@media screen and (max-width: 560px) {
  .component-display-modal .documentationModal p {
    font-size: 1rem !important;
  }
}
@media screen and (max-width: 1024px) {
  .component-display-modal .documentationModal {
    width: 540px !important;
    padding: 40px !important;
  }
  .component-display-modal .documentationModal h1, .component-display-modal .documentationModal p {
    margin-top: 10px;
  }
}
@media screen and (max-width: 560px) {
  .component-display-modal .documentationModal {
    width: 280px !important;
    padding: 40px !important;
  }
  .component-display-modal .documentationModal h1, .component-display-modal .documentationModal p {
    margin-top: 10px;
  }
}
.component-display-modal .documentationModal--buttons {
  max-width: 400px !important;
  margin: 36px auto 0 auto !important;
  display: flex !important;
  justify-content: space-between !important;
}
.component-display-modal .documentationModal--buttons button {
  display: inline !important;
  min-width: initial !important;
  width: 45% !important;
  margin: 0 !important;
}
@media screen and (max-width: 560px) {
  .component-display-modal .documentationModal--buttons button {
    width: 100% !important;
  }
  .component-display-modal .documentationModal--buttons button:last-of-type {
    margin-bottom: 15px !important;
  }
}
@media screen and (max-width: 560px) {
  .component-display-modal .documentationModal--buttons {
    flex-direction: column-reverse !important;
  }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .nlsg-modal--buttons {
    max-width: 420px;
  }
}
.delete-modal {
  display: flex;
  width: 50rem;
  padding: 2.5rem 5rem;
  flex-direction: column;
  align-items: center;
  gap: 2rem;
}

.delete-modal-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
}

.close-app-modal {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
}

.cancel-app-modal {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2rem;
}

/* ----------------------------
------------ Note -------------
------------------------------- */
.nlsg-c-note {
  padding: 20px;
  margin: 15px 0;
  padding-left: 50px;
  max-width: 640px;
  width: 100%;
}
.nlsg-c-note:before {
  position: absolute;
  margin-left: -30px;
  top: auto;
}
.nlsg-c-note--info {
  color: #333;
  background: #eee;
}
.nlsg-c-note--warning {
  color: #333;
  background: #fceed3;
}
.nlsg-c-note p {
  font-family: "LibreFranklin-Medium", Helvetica, sans-serif;
  margin-bottom: 8px;
}
.nlsg-c-note span {
  font-size: 14px;
  line-height: 1.55;
}

/* -----------------------------
-------- Pagination ------------
----------------------------- */
.nlsg-c-pagination {
  padding: 20px;
  text-align: center;
}
.nlsg-c-pagination ul li {
  display: inline-block;
  margin-right: 8px;
}
.nlsg-c-pagination ul li a {
  text-decoration: none;
  color: #333;
  font-family: "LibreFranklin-Medium", Helvetica, sans-serif;
  padding: 5px 2px 6px 2px;
  border-bottom: 2px solid transparent;
}
.nlsg-c-pagination ul li a:hover {
  color: #006341 !important;
  border-bottom: 2px solid #006341;
}
.nlsg-c-pagination ul li a.active {
  background: #009639;
  color: #fff !important;
  padding: 6px 12px 6px 12px;
  border-radius: 5px;
}
.nlsg-c-pagination ul li a.active:hover {
  border-bottom: 2px solid transparent;
}
.nlsg-c-pagination ul li.first a, .nlsg-c-pagination ul li.last a {
  padding: 4px 0px 7px 0px;
}
.nlsg-c-pagination ul li.last {
  margin-right: 0px;
}

/* ----------------------------
------- File upload -----------
------------------------------- */
.nlsg-file-upload.disabled .upload-initial-button {
  color: #bbb !important;
  cursor: not-allowed;
}
.nlsg-file-upload.disabled .upload-initial-button:before {
  color: #bbb !important;
  cursor: not-allowed;
}
.nlsg-file-upload.disabled .placeholder-text {
  color: #bbb !important;
}
.nlsg-file-upload.disabled .placeholder-text::before {
  color: #bbb !important;
}
.nlsg-file-upload.disabled .uploading-in-progress--inner {
  color: #bbb !important;
}
.nlsg-file-upload.disabled .uploading-in-progress--inner .progress-bar--inner {
  background: #bbb !important;
}
.nlsg-file-upload.disabled .uploading-in-progress--inner .progress-bar-percentage {
  color: #bbb !important;
}
.nlsg-file-upload.disabled .uploading-in-progress .remove-upload-btn {
  color: #bbb !important;
  cursor: not-allowed;
}
.nlsg-file-upload .nlsg-c-form-element__help {
  margin-top: 20px;
}
.nlsg-file-upload .nlsg-file-upload-field {
  width: 100%;
  max-width: 390px;
  height: 3.25rem;
  font-size: 1rem;
  font-weight: 100;
  color: #333;
  border-top: 1px solid #bbb !important;
  border-bottom: 1px solid #bbb !important;
  transition: border-color 0.25s;
  border-left: 0px;
  border-right: 0px;
  padding-left: 0px;
  position: relative;
  margin-bottom: -15px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.nlsg-file-upload .nlsg-file-upload-field .placeholder-text {
  color: #bbb;
}
.nlsg-file-upload .nlsg-file-upload-field .placeholder-text__format {
  font-size: 12px;
  color: #666;
}
.nlsg-file-upload .nlsg-file-upload-field .placeholder-text.uploaded-file-name {
  color: #666;
  font-size: 12px;
  overflow: hidden;
  white-space: nowrap;
}
.nlsg-file-upload .nlsg-file-upload-field .placeholder-text.uploaded-file-name:before {
  font-family: "nlsg-icons" !important;
  float: left;
  margin: 1px 6px 0 0;
}
.nlsg-file-upload .nlsg-file-upload-field .placeholder-text.error {
  color: #d22630;
}
.nlsg-file-upload .nlsg-file-upload-field .file-size {
  display: none;
  color: #666 !important;
}
.nlsg-file-upload .nlsg-file-upload-field .upload-initial-button {
  color: #009639;
  cursor: pointer;
  padding-right: 10px;
}
.nlsg-file-upload .nlsg-file-upload-field .upload-initial-button:hover {
  color: #0C8450;
}
.nlsg-file-upload .nlsg-file-upload-field .upload-initial-button:hover:before {
  color: #0C8450;
}
.nlsg-file-upload .nlsg-file-upload-field .upload-initial-button:before {
  font-family: "nlsg-icons" !important;
  float: left;
  margin: 1px 6px 0 0;
}
.nlsg-file-upload .nlsg-file-upload-field .uploading-in-progress {
  display: none;
  height: 18px;
  padding-right: 5px;
}
.nlsg-file-upload .nlsg-file-upload-field .uploading-in-progress--inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.nlsg-file-upload .nlsg-file-upload-field .uploading-in-progress .progress-bar {
  width: 50px;
  height: 2px;
  background: #eee;
  display: inline-block;
  position: relative;
}
.nlsg-file-upload .nlsg-file-upload-field .uploading-in-progress .progress-bar--inner {
  width: 0px;
  height: 2px;
  background: #009639;
  position: absolute;
  top: 0px;
  left: 0px;
}
.nlsg-file-upload .nlsg-file-upload-field .uploading-in-progress .progress-bar--inner.animate {
  width: 50px;
  transition: width 3s;
}
.nlsg-file-upload .nlsg-file-upload-field .uploading-in-progress .progress-bar-percentage {
  width: 70px;
  text-align: center;
  font-size: 12px;
  margin-top: 3px;
  float: left;
  margin-top: 0px;
}
.nlsg-file-upload .nlsg-file-upload-field .uploading-in-progress .progress-bar-percentage.completed {
  color: #009639;
}
.nlsg-file-upload .nlsg-file-upload-field .uploading-in-progress .remove-upload-btn {
  font-family: "nlsg-icons" !important;
  float: right;
  margin: 2px 6px 0 0;
  transition: all 0.25s;
  cursor: pointer;
}
.nlsg-file-upload .nlsg-file-upload-field .uploading-in-progress .remove-upload-btn:hover {
  color: #0C8450;
}
.nlsg-file-upload .nlsg-file-upload-field.multi-files-file-container {
  border: 0px !important;
  margin-top: 20px;
}
.nlsg-file-upload .nlsg-file-upload-field.multi-files-file-container .uploading-in-progress {
  display: block;
}
.nlsg-file-upload .nlsg-file-upload-field.multi-files-file-container .placeholder-text {
  color: #666;
  font-size: 12px;
  overflow: hidden;
  white-space: nowrap;
}
.nlsg-file-upload .nlsg-file-upload-field.multi-files-file-container .placeholder-text__format {
  font-size: 12px;
  color: #666;
}
.nlsg-file-upload .nlsg-file-upload-field.multi-files-file-container .placeholder-text__format.error {
  color: #d22630;
}
.nlsg-file-upload .nlsg-file-upload-field.multi-files-file-container .placeholder-text.error {
  color: #d22630;
}
.nlsg-file-upload .nlsg-file-upload-field.multi-files-file-container.hidden {
  display: none;
}
.nlsg-file-upload .nlsg-file-upload-field.multi-files-file-container .file-size {
  color: #666;
  font-size: 12px;
}
.nlsg-file-upload .nlsg-file-upload-field.multi-files-file-container .file-size.error {
  color: #d22630 !important;
}
.nlsg-file-upload .nlsg-file-upload-field.multi-files-file-container.error .placeholder-text {
  color: #d22630;
  width: 100%;
}
.nlsg-file-upload .nlsg-file-upload-field.multi-files-file-container.error .file-size {
  color: #d22630 !important;
}
.nlsg-file-upload .nlsg-file-upload-field.multi-files-file-container.error .progress-bar {
  display: none;
}
.nlsg-file-upload .nlsg-file-upload-field.multi-files-file-container.error .progress-bar-percentage {
  display: none;
}
.nlsg-file-upload .nlsg-file-upload-field.multi-files-file-container.error .uploaded-file-name:before {
  color: #d22630 !important;
}
.nlsg-file-upload .nlsg-file-upload-field.multi-files-file-container.error .uploaded-file-name span {
  font-size: 10px;
  display: block;
  margin-top: 5px;
  margin-lefT: 22px;
}
.nlsg-file-upload .multi-files-file-container-outer {
  display: none;
}
.nlsg-file-upload-multiple .placeholder-text--multiple {
  color: #666 !important;
  font-size: 16px !important;
}
.nlsg-file-upload-single .nlsg-file-upload-field .uploaded-file-name:before {
  margin-top: -1px !important;
}
.nlsg-file-upload-single .nlsg-file-upload-field.error .placeholder-text {
  color: #d22630;
  width: 100%;
}
.nlsg-file-upload-single .nlsg-file-upload-field.error .file-size {
  color: #d22630 !important;
}
.nlsg-file-upload-single .nlsg-file-upload-field.error .progress-bar {
  display: none;
}
.nlsg-file-upload-single .nlsg-file-upload-field.error .progress-bar-percentage {
  display: none;
}
.nlsg-file-upload-single .nlsg-file-upload-field.error .uploaded-file-name:before {
  color: #d22630 !important;
  margin-top: 1px !important;
}
.nlsg-file-upload-single .nlsg-file-upload-field.error .uploaded-file-name span {
  font-size: 10px;
  display: block;
  margin-top: 5px;
  margin-lefT: 22px;
}
.nlsg-file-upload .file-upload-table-container {
  display: flex;
  padding: 1rem;
  flex-direction: column;
  justify-content: center;
  gap: 1rem;
  background: #FFF;
}
.nlsg-file-upload .file-upload-table {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 1rem;
  background: #FFF;
}
.nlsg-file-upload .file-upload-table__header {
  display: flex;
  align-items: center;
  align-self: stretch;
  justify-content: space-between;
  border-bottom: 1px solid #E4F2D2;
  padding-bottom: 1rem;
}
.nlsg-file-upload .file-upload-table__row {
  display: flex;
  align-items: flex-start;
  align-self: stretch;
  justify-content: space-between;
}

.file-upload-custom-visibility {
  visibility: hidden;
  height: 0px;
}

/* ----------------------------
------- Accordion -------------
------------------------------- */
.nlsg-c-accordion {
  background: #fff;
}
.nlsg-c-accordion ul {
  border-top: 1px solid #eee !important;
}
.nlsg-c-accordion ul li .accordion-trigger {
  border-bottom: 1px solid #eee;
  display: block;
  padding: 15px 10px 15px 18px;
  font-size: 20px;
  font-family: "LibreFranklin-Regular", Helvetica, sans-serif;
  color: #333;
  text-decoration: none;
}
.nlsg-c-accordion ul li .accordion-trigger.medium {
  font-family: "LibreFranklin-Medium", Helvetica, sans-serif;
}
.nlsg-c-accordion ul li .accordion-trigger.no-border {
  border-bottom: 1px solid transparent;
}
.nlsg-c-accordion ul li .accordion-trigger:hover {
  color: #333 !important;
  background: #f7f7f7;
}
.nlsg-c-accordion ul li .accordion-trigger:before {
  font-family: "nlsg-icons" !important;
  color: #333;
  float: right;
  transition: transform 0.25s;
}
.nlsg-c-accordion ul li .accordion-trigger.active:before {
  transform: rotate(180deg);
}
.nlsg-c-accordion--content {
  padding: 25px;
  display: none;
  border-bottom: 1px solid #eee;
  font-size: 16px !important;
}
.nlsg-c-accordion--content.no-border {
  border-bottom: 1px solid transparent;
}
.nlsg-c-accordion--content.active {
  display: block;
}
.nlsg-c-accordion--small ul li .accordion-trigger {
  font-size: 16px;
}
.nlsg-c-accordion--small ul li .accordion-trigger:before {
  margin-top: -3px;
}
.nlsg-c-accordion--small ul .nlsg-c-accordion--content p,
.nlsg-c-accordion--small ul .nlsg-c-accordion--content ul,
.nlsg-c-accordion--small ul .nlsg-c-accordion--content li,
.nlsg-c-accordion--small ul .nlsg-c-accordion--content a {
  font-size: 14px;
}
@media screen and (max-width: 768px) {
  .nlsg-c-accordion ul li .accordion-trigger {
    font-size: 16px;
  }
  .nlsg-c-accordion ul li .accordion-trigger:before {
    margin-top: -3px;
  }
  .nlsg-c-accordion ul .nlsg-c-accordion--content p,
  .nlsg-c-accordion ul .nlsg-c-accordion--content ul,
  .nlsg-c-accordion ul .nlsg-c-accordion--content li,
  .nlsg-c-accordion ul .nlsg-c-accordion--content a {
    font-size: 14px;
  }
}

.nlsg-c-tag {
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  line-height: 1;
  font-size: 10px;
  padding: 10px;
  margin: 2px 0px;
  width: auto;
  max-height: 26px;
  background-color: #eee;
  color: #333;
  border: 0 solid #eee;
  border-radius: 30px;
  font-family: "LibreFranklin-Medium", Helvetica, sans-serif;
  -webkit-user-select: none;
  user-select: none;
}
.nlsg-c-tag:after {
  font-family: "nlsg-icons" !important;
  font-size: 1rem !important;
  position: relative;
  top: 0.7px;
  width: 16px;
  height: 16px;
}
.nlsg-c-tag:hover {
  color: #333 !important;
  background: #d7d7d7;
}
.nlsg-c-tag:hover:after {
  color: #009639 !important;
  color: #333 !important;
  top: 0.7px;
  width: 16px;
  height: 16px;
}

.hide {
  display: none;
}

.show {
  display: block;
}

.show-flex {
  display: flex;
}

.show-flex-important {
  display: flex !important;
}

.full-col-modifier {
  padding: 0 !important;
}

.vertical-column-strech {
  align-self: stretch;
  flex: 1;
}

.vertical-row-strech {
  justify-self: stretch;
  flex: 1;
}

:focus {
  outline: none;
}

.text-ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.text-left {
  text-align: left;
}

.text-center {
  text-align: center;
}

.text-right {
  text-align: right;
}

.text-wrap {
  white-space: normal !important;
  word-break: break-word !important;
}

.form-width {
  max-width: 390px;
}

.full-width {
  max-width: 100%;
}

.hidden {
  visibility: hidden;
}

.img--responsive {
  width: 100%;
  height: auto;
}

.centered {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.centered__inner {
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 640px) {
  .centered__inner {
    width: 100%;
  }
}
@media screen and (min-width: 641px) {
  .centered__inner {
    min-width: 390px;
  }
}

.two_column_container {
  height: calc(100vh - 117px);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-evenly;
}
.two_column_container--single {
  justify-content: center;
}
@media screen and (max-width: 768px) {
  .two_column_container {
    justify-content: center;
  }
}
.two_column_container__item {
  flex: 0.4;
}
@media screen and (max-width: 768px) {
  .two_column_container__item {
    flex: 0;
    min-width: calc(100vw - (100vw - 100%));
  }
}
.two_column_container__item--left__inner {
  max-width: 200px;
  text-align: center;
}
.two_column_container__item--left--center {
  align-items: center;
  display: flex;
  flex-direction: column;
}
.two_column_container__item--right {
  align-items: center;
  display: flex;
  flex-direction: column;
}
.two_column_container__item--right__inner {
  max-width: 390px;
  text-align: center;
}
.two_column_container__item--right__inner form {
  text-align: left;
}
.two_column_container__item--right h4,
.two_column_container__item--right h6 {
  text-align: center;
}

.min-w-5rem {
  min-width: 5rem;
}
.min-w-10rem {
  min-width: 10rem;
}
.min-w-15rem {
  min-width: 15rem;
}
.min-w-20rem {
  min-width: 20rem;
}
.min-w-25rem {
  min-width: 25rem;
}

/*i.e overrides*/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .row {
    display: inline;
    margin-right: -15px;
    margin-left: -15px;
  }
  .row-mod-flex {
    display: flex !important;
  }
  .nlsg-icon-after-tailarrow-right-mod-padding {
    padding-bottom: 5%;
  }
}