/* GENERATED by scripts/design4-exact.py from spec/design04.json — do not edit by hand */
html body.d4.d4 { font-size: 14px !important; font-weight: 400 !important; line-height: 21px !important; color: rgb(17, 24, 39) !important; text-align: start !important; background-color: rgba(0, 0, 0, 0) !important; border-radius: 0px !important; padding: 0px !important; opacity: 1 !important; border: 0 !important; }
html body.d4.d4 .d4-header { font-size: 14px !important; font-weight: 400 !important; line-height: 21px !important; color: rgb(17, 24, 39) !important; text-align: start !important; background-color: rgba(0, 0, 0, 0) !important; border-radius: 0px !important; padding: 0px 40px !important; gap: 24px !important; opacity: 1 !important; height: 82px !important; display: flex !important; flex-direction: row !important; align-items: center !important; row-gap: 24px !important; column-gap: 24px !important; border: 0 !important; }
html body.d4.d4 .d4-header__logo img { font-size: 14px !important; font-weight: 400 !important; line-height: 21px !important; color: rgb(17, 24, 39) !important; text-align: start !important; background-color: rgba(0, 0, 0, 0) !important; border-radius: 0px !important; padding: 0px !important; opacity: 1 !important; width: 142px !important; border: 0 !important; }
html body.d4.d4 .d4-header__nav { font-size: 14px !important; font-weight: 800 !important; line-height: 21px !important; color: rgb(37, 54, 74) !important; text-align: start !important; background-color: rgba(0, 0, 0, 0) !important; border-radius: 0px !important; padding: 0px !important; gap: 12px !important; opacity: 1 !important; display: flex !important; flex-direction: row !important; align-items: center !important; row-gap: 12px !important; column-gap: 12px !important; border: 0 !important; }
html body.d4.d4 .d4-header__nav > a.d4-pill--outline { font-size: 14px !important; font-weight: 800 !important; line-height: 21px !important; color: rgb(37, 54, 74) !important; text-align: start !important; background-color: rgb(255, 255, 255) !important; border-radius: 999px !important; padding: 0px 16px !important; opacity: 1 !important; min-height: 40px !important; display: flex !important; flex-direction: row !important; align-items: center !important; border: 1px solid rgb(220, 229, 238) !important; box-sizing: content-box !important; }
html body.d4.d4 .d4-header__nav > a.d4-header__wa { font-size: 14px !important; font-weight: 800 !important; line-height: 21px !important; color: rgb(37, 54, 74) !important; text-align: start !important; background-color: rgb(255, 255, 255) !important; border-radius: 999px !important; padding: 0px 14px !important; gap: 8px !important; opacity: 1 !important; min-height: 40px !important; display: flex !important; flex-direction: row !important; align-items: center !important; row-gap: 8px !important; column-gap: 8px !important; border: 1px solid rgb(220, 229, 238) !important; box-sizing: content-box !important; }
html body.d4.d4 .d4-header__wa svg { color: rgb(37, 211, 102) !important; width: 20px !important; height: 20px !important; }
html body.d4.d4 .d4-header__nav .d4-pill--navy { font-size: 14px !important; font-weight: 900 !important; line-height: 21px !important; color: rgb(255, 255, 255) !important; text-align: start !important; background-color: rgb(18, 56, 95) !important; border-radius: 999px !important; padding: 0px 18px !important; opacity: 1 !important; min-height: 42px !important; display: flex !important; flex-direction: row !important; align-items: center !important; border: 0 !important; box-sizing: content-box !important; }
html body.d4.d4 .d4-account__btn { font-size: 14px !important; font-weight: 800 !important; line-height: 21px !important; color: rgb(37, 54, 74) !important; text-align: start !important; background-color: rgb(255, 255, 255) !important; border-radius: 999px !important; padding: 0px 14px 0px 6px !important; gap: 10px !important; opacity: 1 !important; min-height: 42px !important; display: flex !important; flex-direction: row !important; align-items: center !important; row-gap: 10px !important; column-gap: 10px !important; border: 1px solid rgb(220, 229, 238) !important; box-sizing: content-box !important; }
html body.d4.d4 .d4-account__btn img { font-size: 14px !important; font-weight: 800 !important; line-height: 21px !important; color: rgb(37, 54, 74) !important; text-align: start !important; background-color: rgba(0, 0, 0, 0) !important; border-radius: 50% !important; padding: 0px !important; opacity: 1 !important; width: 36px !important; height: 36px !important; border: 0 !important; }
html body.d4.d4 .d4-account__btn .iconify { color: rgb(102, 112, 133) !important; width: 14px !important; height: 14px !important; }
html body.d4.d4-a .d4-side:not(.is-closed) { font-size: 14px !important; font-weight: 400 !important; line-height: 21px !important; color: rgb(17, 24, 39) !important; text-align: start !important; background-color: rgba(0, 0, 0, 0) !important; border-radius: 0px !important; padding: 16px 16px 40px 24px !important; opacity: 1 !important; width: 232px !important; border: 0 !important; box-sizing: content-box !important; }
html body.d4.d4-a .d4-side:not(.is-closed) .d4-side__card { font-size: 14px !important; font-weight: 400 !important; line-height: 21px !important; color: rgb(17, 24, 39) !important; text-align: start !important; background-color: rgb(255, 255, 255) !important; border-radius: 20px !important; box-shadow: rgba(18, 56, 95, 0.07) 0px 12px 30px 0px !important; padding: 14px 10px 16px !important; opacity: 1 !important; border: 1px solid rgb(220, 229, 238) !important; }
html body.d4.d4-a .d4-side:not(.is-closed) .d4-side__top { font-size: 14px !important; font-weight: 400 !important; line-height: 21px !important; color: rgb(17, 24, 39) !important; text-align: start !important; background-color: rgba(0, 0, 0, 0) !important; border-radius: 0px !important; padding: 0px 4px 12px !important; opacity: 1 !important; display: flex !important; flex-direction: row !important; justify-content: flex-end !important; border: 0 !important; }
html body.d4.d4-a .d4-side:not(.is-closed) .d4-side__toggle { font-size: 13px !important; font-weight: 400 !important; line-height: 19.5px !important; color: rgb(18, 56, 95) !important; text-align: start !important; background-color: rgb(243, 248, 252) !important; border-radius: 999px !important; padding: 0px !important; opacity: 1 !important; width: 30px !important; height: 30px !important; display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: center !important; border: 0 !important; }
html body.d4.d4-a .d4-side:not(.is-closed) .d4-side__toggle .iconify { color: rgb(18, 56, 95) !important; width: 16px !important; height: 16px !important; }
html body.d4.d4-a .d4-side:not(.is-closed) ul { font-size: 14px !important; font-weight: 400 !important; line-height: 21px !important; color: rgb(17, 24, 39) !important; text-align: start !important; background-color: rgba(0, 0, 0, 0) !important; border-radius: 0px !important; padding: 0px !important; gap: 3px !important; opacity: 1 !important; display: flex !important; flex-direction: column !important; row-gap: 3px !important; column-gap: 3px !important; border: 0 !important; }
html body.d4.d4-a .d4-side:not(.is-closed) li a:not(.is-active) { font-size: 14px !important; font-weight: 800 !important; line-height: 21px !important; color: rgb(37, 54, 74) !important; text-align: start !important; background-color: rgba(0, 0, 0, 0) !important; border-radius: 999px !important; padding: 11px 12px !important; gap: 12px !important; opacity: 1 !important; display: flex !important; flex-direction: row !important; align-items: center !important; row-gap: 12px !important; column-gap: 12px !important; border: 0 !important; }
html body.d4.d4-a .d4-side:not(.is-closed) li a.is-active { font-size: 14px !important; font-weight: 800 !important; line-height: 21px !important; color: rgb(17, 24, 39) !important; text-align: start !important; background-color: rgb(246, 183, 57) !important; border-radius: 999px !important; padding: 11px 12px !important; gap: 12px !important; opacity: 1 !important; display: flex !important; flex-direction: row !important; align-items: center !important; row-gap: 12px !important; column-gap: 12px !important; border: 0 !important; }
html body.d4.d4-a .d4-side:not(.is-closed) li a .iconify { color: rgb(37, 54, 74) !important; width: 18px !important; height: 18px !important; }
html body.d4.d4-a .d4-main { font-size: 14px !important; font-weight: 400 !important; line-height: 21px !important; color: rgb(17, 24, 39) !important; text-align: start !important; background-color: rgba(0, 0, 0, 0) !important; border-radius: 0px !important; padding: 20px 32px 48px 12px !important; opacity: 1 !important; border: 0 !important; }
html body.d4.d4 .d4-home__hero .d4-eyebrow { font-size: 11px !important; font-weight: 950 !important; line-height: 16.5px !important; letter-spacing: 1.32px !important; text-transform: uppercase !important; color: rgb(34, 135, 201) !important; text-align: start !important; background-color: rgba(0, 0, 0, 0) !important; border-radius: 0px !important; padding: 0px !important; opacity: 1 !important; border: 0 !important; }
html body.d4.d4 .d4-home__hero h1 { font-size: 38px !important; font-weight: 900 !important; line-height: 38px !important; color: rgb(18, 56, 95) !important; text-align: start !important; background-color: rgba(0, 0, 0, 0) !important; border-radius: 0px !important; padding: 0px !important; opacity: 1 !important; border: 0 !important; }
html body.d4.d4 .d4-home__hero .d4-accent { font-size: 38px !important; font-weight: 900 !important; line-height: 38px !important; color: rgb(34, 135, 201) !important; text-align: start !important; background-color: rgba(0, 0, 0, 0) !important; border-radius: 0px !important; padding: 0px !important; opacity: 1 !important; border: 0 !important; }
html body.d4.d4 .d4-stats { font-size: 14px !important; font-weight: 400 !important; line-height: 21px !important; color: rgb(17, 24, 39) !important; text-align: start !important; background-color: rgb(220, 229, 238) !important; border-radius: 16px !important; padding: 0px !important; gap: 1px !important; opacity: 1 !important; display: flex !important; flex-direction: row !important; row-gap: 1px !important; column-gap: 1px !important; border: 1px solid rgb(220, 229, 238) !important; }
html body.d4.d4 .d4-stats > div { font-size: 14px !important; font-weight: 400 !important; line-height: 21px !important; color: rgb(17, 24, 39) !important; text-align: start !important; background-color: rgb(255, 255, 255) !important; border-radius: 0px !important; padding: 12px 18px !important; opacity: 1 !important; display: block !important; flex-direction: row !important; border: 0 !important; }
html body.d4.d4 .d4-stats b { font-size: 24px !important; font-weight: 900 !important; line-height: 24px !important; color: rgb(34, 135, 201) !important; text-align: start !important; background-color: rgba(0, 0, 0, 0) !important; border-radius: 0px !important; padding: 0px !important; opacity: 1 !important; border: 0 !important; }
html body.d4.d4 .d4-stats span { font-size: 12px !important; font-weight: 850 !important; line-height: 18px !important; color: rgb(71, 84, 103) !important; text-align: start !important; background-color: rgba(0, 0, 0, 0) !important; border-radius: 0px !important; padding: 0px !important; opacity: 1 !important; border: 0 !important; }
html body.d4.d4 .d4-banner { font-size: 14px !important; font-weight: 400 !important; line-height: 21px !important; color: rgb(17, 24, 39) !important; text-align: start !important; background-color: rgba(0, 0, 0, 0) !important; border-radius: 16px !important; box-shadow: rgba(18, 56, 95, 0.12) 0px 18px 45px 0px !important; padding: 0px !important; opacity: 1 !important; border: 0 !important; }
html body.d4.d4 .d4-banner__body .d4-eyebrow { font-size: 11px !important; font-weight: 950 !important; line-height: 16.5px !important; letter-spacing: 1.32px !important; text-transform: uppercase !important; color: rgb(246, 183, 57) !important; text-align: start !important; background-color: rgba(0, 0, 0, 0) !important; border-radius: 0px !important; padding: 0px !important; opacity: 1 !important; border: 0 !important; }
html body.d4.d4 .d4-banner__title { font-size: 28px !important; font-weight: 900 !important; line-height: 28px !important; color: rgb(255, 255, 255) !important; text-align: start !important; background-color: rgba(0, 0, 0, 0) !important; border-radius: 0px !important; padding: 0px !important; opacity: 1 !important; border: 0 !important; }
html body.d4.d4 .d4-banner__body .d4-pill { font-size: 14px !important; font-weight: 900 !important; line-height: 21px !important; color: rgb(17, 24, 39) !important; text-align: start !important; background-color: rgb(246, 183, 57) !important; border-radius: 999px !important; padding: 0px 18px !important; gap: 8px !important; opacity: 1 !important; min-height: 40px !important; border: 0 !important; box-sizing: content-box !important; }
html body.d4.d4 .d4-tile--white { font-size: 14px !important; font-weight: 400 !important; line-height: 21px !important; color: rgb(17, 24, 39) !important; text-align: start !important; background-color: rgb(255, 255, 255) !important; border-radius: 16px !important; box-shadow: rgba(18, 56, 95, 0.07) 0px 12px 30px 0px !important; padding: 18px !important; opacity: 1 !important; display: flex !important; flex-direction: column !important; border: 1px solid rgb(220, 229, 238) !important; }
html body.d4.d4 .d4-tile__icon { font-size: 14px !important; font-weight: 400 !important; line-height: 21px !important; color: rgb(15, 138, 75) !important; text-align: start !important; background-color: rgb(230, 244, 236) !important; border-radius: 50% !important; padding: 0px !important; opacity: 1 !important; width: 38px !important; height: 38px !important; display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: center !important; border: 0 !important; }
html body.d4.d4 .d4-tile__icon .iconify { color: rgb(15, 138, 75) !important; width: 18px !important; height: 18px !important; }
html body.d4.d4 .d4-tile--white h4 { font-size: 17px !important; font-weight: 900 !important; line-height: 18.7px !important; color: rgb(18, 56, 95) !important; text-align: start !important; background-color: rgba(0, 0, 0, 0) !important; border-radius: 0px !important; padding: 0px !important; opacity: 1 !important; border: 0 !important; }
html body.d4.d4 .d4-tile--white p { font-size: 13px !important; font-weight: 400 !important; line-height: 19.5px !important; color: rgb(102, 112, 133) !important; text-align: start !important; background-color: rgba(0, 0, 0, 0) !important; border-radius: 0px !important; padding: 0px !important; opacity: 1 !important; border: 0 !important; }
html body.d4.d4 .d4-tile .d4-pill--blue { font-size: 13.5px !important; font-weight: 900 !important; line-height: 20.25px !important; color: rgb(255, 255, 255) !important; text-align: start !important; background-color: rgb(34, 135, 201) !important; border-radius: 999px !important; padding: 0px 18px !important; opacity: 1 !important; min-height: 40px !important; display: flex !important; flex-direction: row !important; align-items: center !important; align-self: flex-start !important; border: 0 !important; box-sizing: content-box !important; }
html body.d4.d4 .d4-tile--navy { font-size: 14px !important; font-weight: 400 !important; line-height: 21px !important; color: rgb(255, 255, 255) !important; text-align: start !important; background-color: rgb(18, 56, 95) !important; border-radius: 16px !important; padding: 18px !important; opacity: 1 !important; display: flex !important; flex-direction: column !important; border: 0 !important; }
html body.d4.d4 .d4-tile--navy .d4-eyebrow { font-size: 12px !important; font-weight: 950 !important; line-height: 18px !important; letter-spacing: 1.44px !important; text-transform: uppercase !important; color: rgb(246, 183, 57) !important; text-align: start !important; background-color: rgba(0, 0, 0, 0) !important; border-radius: 0px !important; padding: 0px !important; opacity: 1 !important; border: 0 !important; }
html body.d4.d4 .d4-tile--navy h4 { font-size: 17px !important; font-weight: 900 !important; line-height: 18.7px !important; color: rgb(255, 255, 255) !important; text-align: start !important; background-color: rgba(0, 0, 0, 0) !important; border-radius: 0px !important; padding: 0px !important; opacity: 1 !important; border: 0 !important; }
html body.d4.d4 .d4-tile--navy p { font-size: 13px !important; font-weight: 400 !important; line-height: 19.5px !important; color: rgba(255, 255, 255, 0.72) !important; text-align: start !important; background-color: rgba(0, 0, 0, 0) !important; border-radius: 0px !important; padding: 0px !important; opacity: 1 !important; border: 0 !important; }
html body.d4.d4 .d4-tile--navy .d4-pill { font-size: 13.5px !important; font-weight: 900 !important; line-height: 20.25px !important; color: rgb(17, 24, 39) !important; text-align: start !important; background-color: rgb(246, 183, 57) !important; border-radius: 999px !important; padding: 0px 18px !important; opacity: 1 !important; min-height: 40px !important; display: flex !important; flex-direction: row !important; align-items: center !important; align-self: flex-start !important; border: 0 !important; box-sizing: content-box !important; }
html body.d4.d4 .d4-home__mid { font-size: 14px !important; font-weight: 400 !important; line-height: 21px !important; color: rgb(17, 24, 39) !important; text-align: start !important; background-color: rgba(0, 0, 0, 0) !important; border-radius: 0px !important; padding: 0px !important; gap: 20px !important; opacity: 1 !important; display: grid !important; flex-direction: row !important; row-gap: 20px !important; column-gap: 20px !important; border: 0 !important; }
html body.d4.d4 .d4-calendar { font-size: 14px !important; font-weight: 400 !important; line-height: 21px !important; color: rgb(17, 24, 39) !important; text-align: start !important; background-color: rgb(255, 255, 255) !important; border-radius: 16px !important; box-shadow: rgba(18, 56, 95, 0.07) 0px 12px 30px 0px !important; padding: 18px !important; opacity: 1 !important; border: 1px solid rgb(220, 229, 238) !important; }
html body.d4.d4 .d4-calendar .d4-section__head { font-size: 14px !important; font-weight: 400 !important; line-height: 21px !important; color: rgb(17, 24, 39) !important; text-align: start !important; background-color: rgba(0, 0, 0, 0) !important; border-radius: 0px !important; padding: 0px !important; opacity: 1 !important; display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: space-between !important; border: 0 !important; }
html body.d4.d4 .d4-calendar h4 { font-size: 17px !important; font-weight: 900 !important; line-height: 18.7px !important; color: rgb(18, 56, 95) !important; text-align: start !important; background-color: rgba(0, 0, 0, 0) !important; border-radius: 0px !important; padding: 0px !important; opacity: 1 !important; border: 0 !important; }
html body.d4.d4 .d4-calendar .d4-section__meta { font-size: 12.5px !important; font-weight: 900 !important; line-height: 18.75px !important; color: rgb(102, 112, 133) !important; text-align: start !important; background-color: rgba(0, 0, 0, 0) !important; border-radius: 0px !important; padding: 0px !important; opacity: 1 !important; border: 0 !important; }
html body.d4.d4 .d4-calendar .vc-week__day { font-size: 11px !important; font-weight: 900 !important; line-height: 16.5px !important; color: rgb(102, 112, 133) !important; text-align: center !important; background-color: rgba(0, 0, 0, 0) !important; border-radius: 0px !important; padding: 0px !important; opacity: 1 !important; display: block !important; flex-direction: row !important; border: 0 !important; }
html body.d4.d4 .d4-calendar .vc-date:not([data-vc-date-month="prev"]):not([data-vc-date-month="next"]):not([data-vc-date-weekend]):not([data-vc-date-today]):not([data-vc-date-holiday]) .vc-date__btn { font-size: 12.5px !important; font-weight: 400 !important; line-height: 30px !important; color: rgb(17, 24, 39) !important; text-align: center !important; background-color: rgba(0, 0, 0, 0) !important; border-radius: 999px !important; padding: 0px !important; opacity: 1 !important; height: 30px !important; border: 0 !important; }
html body.d4.d4 .d4-calendar .vc-date[data-vc-date-month="prev"] .vc-date__btn, html body.d4.d4 .d4-calendar .vc-date[data-vc-date-month="next"] .vc-date__btn { font-size: 12.5px !important; font-weight: 400 !important; line-height: 30px !important; color: rgb(184, 195, 207) !important; text-align: center !important; background-color: rgba(0, 0, 0, 0) !important; border-radius: 999px !important; padding: 0px !important; opacity: 1 !important; border: 0 !important; }
html body.d4.d4 .d4-calendar .vc-date[data-vc-date-weekend] .vc-date__btn { font-size: 12.5px !important; font-weight: 400 !important; line-height: 30px !important; color: rgb(102, 112, 133) !important; text-align: center !important; background-color: rgba(0, 0, 0, 0) !important; border-radius: 999px !important; padding: 0px !important; opacity: 1 !important; border: 0 !important; }
html body.d4.d4 .d4-calendar .vc-date[data-vc-date-holiday] .vc-date__btn { font-size: 12.5px !important; font-weight: 400 !important; line-height: 30px !important; color: rgb(255, 255, 255) !important; text-align: center !important; background-color: rgb(246, 183, 57) !important; border-radius: 999px !important; padding: 0px !important; opacity: 1 !important; border: 0 !important; }
html body.d4.d4 .d4-calendar .vc-date[data-vc-date-today] .vc-date__btn { font-size: 12.5px !important; font-weight: 700 !important; line-height: 30px !important; color: rgb(34, 135, 201) !important; text-align: center !important; background-color: rgb(228, 240, 250) !important; border-radius: 999px !important; padding: 0px !important; opacity: 1 !important; border: 0 !important; }
html body.d4.d4 .d4-calendar .d4-pill { font-size: 14px !important; font-weight: 900 !important; line-height: 21px !important; color: rgb(18, 56, 95) !important; text-align: start !important; background-color: rgba(0, 0, 0, 0) !important; border-radius: 999px !important; padding: 0px !important; opacity: 1 !important; min-height: 40px !important; display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: center !important; border: 1px solid rgb(18, 56, 95) !important; box-sizing: content-box !important; }
html body.d4.d4 .d4-home__mid > section:not(.d4-calendar) { font-size: 14px !important; font-weight: 400 !important; line-height: 21px !important; color: rgb(17, 24, 39) !important; text-align: start !important; background-color: rgb(255, 255, 255) !important; border-radius: 16px !important; box-shadow: rgba(18, 56, 95, 0.07) 0px 12px 30px 0px !important; padding: 18px !important; opacity: 1 !important; border: 1px solid rgb(220, 229, 238) !important; }
html body.d4.d4 .d4-home__mid > section:not(.d4-calendar) .d4-section__head { font-size: 14px !important; font-weight: 400 !important; line-height: 21px !important; color: rgb(17, 24, 39) !important; text-align: start !important; background-color: rgba(0, 0, 0, 0) !important; border-radius: 0px !important; padding: 0px !important; opacity: 1 !important; display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: space-between !important; border: 0 !important; }
html body.d4.d4 .d4-home__mid > section:not(.d4-calendar) h4 { font-size: 17px !important; font-weight: 900 !important; line-height: 18.7px !important; color: rgb(18, 56, 95) !important; text-align: start !important; background-color: rgba(0, 0, 0, 0) !important; border-radius: 0px !important; padding: 0px !important; opacity: 1 !important; border: 0 !important; }
html body.d4.d4 .d4-home__mid > section:not(.d4-calendar) .d4-pill { font-size: 13px !important; font-weight: 900 !important; line-height: 19.5px !important; color: rgb(17, 24, 39) !important; text-align: start !important; background-color: rgb(246, 183, 57) !important; border-radius: 999px !important; padding: 0px 16px !important; gap: 6px !important; opacity: 1 !important; min-height: 38px !important; display: flex !important; flex-direction: row !important; align-items: center !important; row-gap: 6px !important; column-gap: 6px !important; border: 0 !important; box-sizing: content-box !important; }
html body.d4.d4 .d4-home__mid > section:not(.d4-calendar) .d4-pill .iconify { color: rgb(17, 24, 39) !important; width: 14px !important; height: 14px !important; }
html body.d4.d4 .d4-table { font-size: 14px !important; font-weight: 400 !important; line-height: 21px !important; color: rgb(17, 24, 39) !important; text-align: start !important; background-color: rgba(0, 0, 0, 0) !important; border-radius: 0px !important; padding: 0px !important; opacity: 1 !important; border: 0 !important; }
html body.d4.d4 .d4-table th { font-size: 11px !important; font-weight: 700 !important; line-height: 16.5px !important; letter-spacing: 1.32px !important; text-transform: uppercase !important; color: rgb(102, 112, 133) !important; text-align: left !important; background-color: rgba(0, 0, 0, 0) !important; border-radius: 0px !important; padding: 8px 10px !important; border: 0 !important; border-bottom: 1px solid rgb(220, 229, 238) !important; }
html body.d4.d4 .d4-table td:not(.is-strong):not(.is-value) { font-size: 14px !important; font-weight: 400 !important; line-height: 21px !important; color: rgb(102, 112, 133) !important; text-align: start !important; white-space: nowrap !important; background-color: rgba(0, 0, 0, 0) !important; border-radius: 0px !important; padding: 11px 10px !important; border: 0 !important; border-bottom: 1px solid rgb(238, 243, 248) !important; }
html body.d4.d4 .d4-table td.is-strong { font-size: 14px !important; font-weight: 900 !important; line-height: 21px !important; color: rgb(18, 56, 95) !important; text-align: start !important; white-space: nowrap !important; background-color: rgba(0, 0, 0, 0) !important; border-radius: 0px !important; padding: 11px 10px !important; border: 0 !important; border-bottom: 1px solid rgb(238, 243, 248) !important; }
html body.d4.d4 .d4-table td.is-value { font-size: 14px !important; font-weight: 800 !important; line-height: 21px !important; color: rgb(17, 24, 39) !important; text-align: start !important; background-color: rgba(0, 0, 0, 0) !important; border-radius: 0px !important; padding: 11px 10px !important; border: 0 !important; border-bottom: 1px solid rgb(238, 243, 248) !important; }
html body.d4.d4 .d4-status.is-pending { font-size: 11px !important; font-weight: 950 !important; line-height: 16.5px !important; letter-spacing: 0.88px !important; text-transform: uppercase !important; color: rgb(184, 118, 10) !important; text-align: start !important; background-color: rgb(255, 243, 214) !important; border-radius: 999px !important; padding: 0px 10px !important; border: 0 !important; }
html body.d4.d4 .d4-status.is-paid { font-size: 11px !important; font-weight: 950 !important; line-height: 16.5px !important; letter-spacing: 0.88px !important; text-transform: uppercase !important; color: rgb(15, 138, 75) !important; text-align: start !important; background-color: rgb(230, 244, 236) !important; border-radius: 999px !important; padding: 0px 10px !important; border: 0 !important; }
html body.d4.d4 .d4-status.is-reported, html body.d4.d4 .d4-status.is-overdue { font-size: 11px !important; font-weight: 950 !important; line-height: 16.5px !important; letter-spacing: 0.88px !important; text-transform: uppercase !important; color: rgb(192, 57, 43) !important; text-align: start !important; background-color: rgb(253, 232, 232) !important; border-radius: 999px !important; padding: 0px 10px !important; border: 0 !important; }
html body.d4.d4 .d4-open .d4-section__head { font-size: 14px !important; font-weight: 400 !important; line-height: 21px !important; color: rgb(17, 24, 39) !important; text-align: start !important; background-color: rgba(0, 0, 0, 0) !important; border-radius: 0px !important; padding: 0px !important; gap: 24px !important; opacity: 1 !important; display: flex !important; flex-direction: row !important; align-items: flex-end !important; justify-content: space-between !important; row-gap: 24px !important; column-gap: 24px !important; border: 0 !important; }
html body.d4.d4 .d4-open .d4-section__head .d4-eyebrow { font-size: 11px !important; font-weight: 950 !important; line-height: 16.5px !important; letter-spacing: 1.32px !important; text-transform: uppercase !important; color: rgb(34, 135, 201) !important; text-align: start !important; background-color: rgba(0, 0, 0, 0) !important; border-radius: 0px !important; padding: 0px !important; opacity: 1 !important; border: 0 !important; }
html body.d4.d4 .d4-open .d4-section__head h2 { font-size: 26px !important; font-weight: 900 !important; line-height: 26px !important; color: rgb(18, 56, 95) !important; text-align: start !important; background-color: rgba(0, 0, 0, 0) !important; border-radius: 0px !important; padding: 0px !important; opacity: 1 !important; border: 0 !important; }
html body.d4.d4 .d4-open .d4-section__head .d4-pill { font-size: 14px !important; font-weight: 900 !important; line-height: 21px !important; color: rgb(18, 56, 95) !important; text-align: start !important; background-color: rgba(0, 0, 0, 0) !important; border-radius: 999px !important; padding: 0px 18px !important; opacity: 1 !important; min-height: 40px !important; display: flex !important; flex-direction: row !important; align-items: center !important; border: 1px solid rgb(18, 56, 95) !important; box-sizing: content-box !important; }
html body.d4.d4 .d4-news { font-size: 14px !important; font-weight: 400 !important; line-height: 21px !important; color: rgb(17, 24, 39) !important; text-align: start !important; background-color: rgba(0, 0, 0, 0) !important; border-radius: 0px !important; padding: 0px !important; gap: 16px !important; opacity: 1 !important; display: grid !important; flex-direction: row !important; row-gap: 16px !important; column-gap: 16px !important; border: 0 !important; }
html body.d4.d4 .d4-news > a { font-size: 14px !important; font-weight: 400 !important; line-height: 21px !important; color: rgb(17, 24, 39) !important; text-align: start !important; background-color: rgb(255, 255, 255) !important; border-radius: 12px !important; box-shadow: rgba(18, 56, 95, 0.07) 0px 12px 30px 0px !important; padding: 12px !important; gap: 14px !important; opacity: 1 !important; display: grid !important; flex-direction: row !important; row-gap: 14px !important; column-gap: 14px !important; border: 1px solid rgb(220, 229, 238) !important; }
html body.d4.d4 .d4-news img { font-size: 14px !important; font-weight: 400 !important; line-height: 21px !important; color: rgb(17, 24, 39) !important; text-align: start !important; background-color: rgba(0, 0, 0, 0) !important; border-radius: 8px !important; padding: 0px !important; opacity: 1 !important; width: 104px !important; height: 104px !important; border: 0 !important; }
html body.d4.d4 .d4-news .d4-eyebrow { font-size: 11px !important; font-weight: 950 !important; line-height: 16.5px !important; letter-spacing: 1.32px !important; text-transform: uppercase !important; color: rgb(34, 135, 201) !important; text-align: start !important; background-color: rgba(0, 0, 0, 0) !important; border-radius: 0px !important; padding: 0px !important; opacity: 1 !important; border: 0 !important; }
html body.d4.d4 .d4-news h5 { font-size: 14px !important; font-weight: 900 !important; line-height: 16.8px !important; color: rgb(18, 56, 95) !important; text-align: start !important; background-color: rgba(0, 0, 0, 0) !important; border-radius: 0px !important; padding: 0px !important; opacity: 1 !important; border: 0 !important; }
html body.d4.d4 .d4-news__more { font-size: 12px !important; font-weight: 900 !important; line-height: 18px !important; color: rgb(34, 135, 201) !important; text-align: start !important; background-color: rgba(0, 0, 0, 0) !important; border-radius: 0px !important; padding: 0px !important; opacity: 1 !important; border: 0 !important; }
html body.d4.d4 .d4-downloads { font-size: 14px !important; font-weight: 400 !important; line-height: 21px !important; color: rgb(17, 24, 39) !important; text-align: start !important; background-color: rgba(0, 0, 0, 0) !important; border-radius: 0px !important; padding: 0px !important; gap: 20px !important; opacity: 1 !important; display: grid !important; flex-direction: row !important; row-gap: 20px !important; column-gap: 20px !important; border: 0 !important; }
html body.d4.d4 .d4-downloads .d4-section { font-size: 14px !important; font-weight: 400 !important; line-height: 21px !important; color: rgb(17, 24, 39) !important; text-align: start !important; background-color: rgb(255, 255, 255) !important; border-radius: 16px !important; padding: 18px !important; gap: 18px !important; opacity: 1 !important; display: flex !important; flex-direction: row !important; align-items: center !important; row-gap: 18px !important; column-gap: 18px !important; border: 1px solid rgb(220, 229, 238) !important; }
html body.d4.d4 .d4-qr { font-size: 14px !important; font-weight: 400 !important; line-height: 21px !important; color: rgb(17, 24, 39) !important; text-align: start !important; background-color: rgba(0, 0, 0, 0) !important; border-radius: 0px !important; padding: 0px !important; opacity: 1 !important; width: 88px !important; height: 88px !important; border: 0 !important; }
html body.d4.d4 .d4-downloads h4 { font-size: 17px !important; font-weight: 900 !important; line-height: 18.7px !important; color: rgb(18, 56, 95) !important; text-align: start !important; background-color: rgba(0, 0, 0, 0) !important; border-radius: 0px !important; padding: 0px !important; opacity: 1 !important; border: 0 !important; }
html body.d4.d4 .d4-stores { font-size: 14px !important; font-weight: 400 !important; line-height: 21px !important; color: rgb(17, 24, 39) !important; text-align: start !important; background-color: rgba(0, 0, 0, 0) !important; border-radius: 0px !important; padding: 0px !important; gap: 8px !important; opacity: 1 !important; display: flex !important; flex-direction: row !important; row-gap: 8px !important; column-gap: 8px !important; border: 0 !important; }
html body.d4.d4 .d4-stores img { font-size: 14px !important; font-weight: 400 !important; line-height: 21px !important; color: rgb(17, 24, 39) !important; text-align: start !important; background-color: rgba(0, 0, 0, 0) !important; border-radius: 0px !important; padding: 0px !important; opacity: 1 !important; height: 36px !important; border: 0 !important; }
html body.d4.d4 .d4-logos { font-size: 14px !important; font-weight: 400 !important; line-height: 21px !important; color: rgb(17, 24, 39) !important; text-align: start !important; background-color: rgba(0, 0, 0, 0) !important; border-radius: 0px !important; padding: 0px !important; gap: 12px !important; opacity: 1 !important; display: flex !important; flex-direction: row !important; row-gap: 12px !important; column-gap: 12px !important; border: 0 !important; }
html body.d4.d4 .d4-logos a { font-size: 14px !important; font-weight: 400 !important; line-height: 21px !important; color: rgb(17, 24, 39) !important; text-align: start !important; background-color: rgb(243, 248, 252) !important; border-radius: 8px !important; padding: 12px 16px !important; opacity: 1 !important; display: flex !important; flex-direction: row !important; border: 0 !important; }
html body.d4.d4 .d4-logos img { font-size: 14px !important; font-weight: 400 !important; line-height: 21px !important; color: rgb(17, 24, 39) !important; text-align: start !important; background-color: rgba(0, 0, 0, 0) !important; border-radius: 0px !important; padding: 0px !important; opacity: 1 !important; height: 34px !important; border: 0 !important; }
html body.d4.d4 .d4-footer { font-size: 14px !important; font-weight: 400 !important; line-height: 21px !important; color: rgb(255, 255, 255) !important; text-align: start !important; background-color: rgb(12, 36, 61) !important; border-radius: 0px !important; padding: 32px 32px 22px !important; opacity: 1 !important; border: 0 !important; }
html body.d4.d4 .d4-footer__row { font-size: 14px !important; font-weight: 400 !important; line-height: 21px !important; color: rgb(255, 255, 255) !important; text-align: start !important; background-color: rgba(0, 0, 0, 0) !important; border-radius: 0px !important; padding: 0px !important; gap: 40px !important; opacity: 1 !important; display: flex !important; flex-direction: row !important; align-items: flex-start !important; justify-content: space-between !important; row-gap: 40px !important; column-gap: 40px !important; border: 0 !important; }
html body.d4.d4 .d4-footer__brand img { font-size: 14px !important; font-weight: 400 !important; line-height: 21px !important; color: rgb(255, 255, 255) !important; text-align: start !important; background-color: rgba(0, 0, 0, 0) !important; border-radius: 0px !important; padding: 0px !important; opacity: 1 !important; width: 120px !important; border: 0 !important; }
html body.d4.d4 .d4-footer__brand p { font-size: 13px !important; font-weight: 400 !important; line-height: 19.5px !important; color: rgba(255, 255, 255, 0.65) !important; text-align: start !important; background-color: rgba(0, 0, 0, 0) !important; border-radius: 0px !important; padding: 0px !important; opacity: 1 !important; border: 0 !important; }
html body.d4.d4 .d4-footer__links { font-size: 13.5px !important; font-weight: 800 !important; line-height: 20.25px !important; color: rgb(255, 255, 255) !important; text-align: start !important; background-color: rgba(0, 0, 0, 0) !important; border-radius: 0px !important; padding: 0px !important; gap: 10px 22px !important; opacity: 1 !important; display: flex !important; flex-direction: row !important; justify-content: flex-end !important; row-gap: 10px !important; column-gap: 22px !important; border: 0 !important; }
html body.d4.d4 .d4-footer__links a { font-size: 13.5px !important; font-weight: 800 !important; line-height: 20.25px !important; color: rgb(255, 255, 255) !important; text-align: start !important; background-color: rgba(0, 0, 0, 0) !important; border-radius: 0px !important; padding: 0px !important; opacity: 1 !important; border: 0 !important; }
html body.d4.d4 .d4-footer__legal { font-size: 13px !important; font-weight: 400 !important; line-height: 19.5px !important; color: rgba(255, 255, 255, 0.65) !important; text-align: start !important; background-color: rgba(0, 0, 0, 0) !important; border-radius: 0px !important; padding: 14px 0px 0px !important; opacity: 1 !important; border: 0 !important; border-top: 1px solid rgba(255, 255, 255, 0.14) !important; }
html body.d4.d4 .d4-stats > div:nth-child(1) b { color: rgb(34, 135, 201) !important; }
html body.d4.d4 .d4-stats > div:nth-child(2) b { color: rgb(216, 147, 17) !important; }
html body.d4.d4 .d4-stats > div:nth-child(3) b { color: rgb(18, 56, 95) !important; }