@charset "UTF-8";@import url("global.css");:root { 	   /*PRIMARY- BLUE*/ 	  --primary-800: #163066;  --primary-600: #356383;  --primary: #326FEA;  --primary-400: #6896B6;  --primary-300: #6896B6;  --primary-200: #B3CBDB;  --primary-100: #F7F9FD; 		  /*SECONDARY -- ORANGE*/ 		  --secondary: #F07622;  --secondary-400: #F3914E;  --secondary-300: #F6AD7A;  --secondary-200: #F9C8A7;  --secondary-100: #FEF1E9;	   /*NEUTRALS*/ 	  --neutral-100: #F1F5F8;			  /*GREYS*/	  --spacegrey: #404652;  --spacegrey-400: #535863;  --spacegrey-300: #666B75;  --spacegrey-200: #797D85;  --spacegrey-100: #8D9097;  --spacegrey-50: #9FA2A8; 		   /*GREEN*/ 	  --green: #00B6A5;  --green-400: #33C5B7;  --green-300: #66D3C9;  --green-200: #99E2DB;  --green-100: #CCF0ED;  --green-50: #E6F8F6;		  /*ACCENT COLORS*/ 	  --yellow: #EFB820;  --aquagreen: #50E3C2;  --ctagreen: #50E37C;  --icondark: #191C21;  --darkmode: #272B34;  --ivorywhite: #F1F5F8;  --litegrey: #CFD6DC;}.color-primary {  color: var(--primary)}.primary-800 {  background-color: var(--primary-800)}.primary-400 {  background-color: var(--primary-400) !important}.primary-300 {  background-color: var(--primary-300)}.primary-200 {  background-color: var(--primary-200)}.primary-100 {  background-color: var(--primary-100)}.primary-50 {  background-color: var(--primary-50)}.fill-primary {  filter: invert(39%) sepia(22%) saturate(3874%) hue-rotate(333deg) brightness(89%) contrast(92%)}.bg-primary {  background-color: var(--primary) !important} /* SECONDARY */ .color-secondary {  color: var(--secondary)}.secondary-400 {  background-color: var(--secondary-400)}.secondary-300 {  background-color: var(--secondary-300)}.secondary-200 {  background-color: var(--secondary-200)}.secondary-100 {  background-color: var(--secondary-100)}.secondary-50 {  background-color: var(--secondary-50)}.fill-secondary {  filter: invert(63%) sepia(83%) saturate(3326%) hue-rotate(190deg) brightness(92%) contrast(92%)}.bg-secondary {  background-color: var(--secondary) !important} /* SPACEGREY */ .color-spacegrey {  color: var(--spacegrey)}.spacegrey-400 {  background-color: var(--spacegrey-400)}.spacegrey-300 {  background-color: var(--spacegrey-300)}.spacegrey-200 {  background-color: var(--spacegrey-200)}.spacegrey-100 {  background-color: var(--spacegrey-100)}.spacegrey-50 {  background-color: var(--spacegrey-50)}.fill-spacegrey {  filter: invert(28%) sepia(7%) saturate(1091%) hue-rotate(182deg) brightness(88%) contrast(91%);}.bg-spacegrey {  background-color: var(--spacegrey)} /* GREEN */ .color-green {  color: var(--green)}.green-400 {  background-color: var(--green-400) !important}.green-300 {  background-color: var(--green-300)}.green-200 {  background-color: var(--green-200)}.green-100 {  background-color: var(--green-100)}.green-50 {  background-color: var(--green-50)}.bg-green {  background-color: var(--green) !important}/* =========== ============= */ /*/*  2.2 ACCENT COLORS/*/ .color-black {  color: black !important}.color-yellow {  color: var(--yellow)}.fill-yellow {  filter: invert(78%) sepia(64%) saturate(2152%) hue-rotate(348deg) brightness(107%) contrast(87%);}.bg-yellow {  background-color: var(--yellow)}.color-cta-green {  color: var(--ctagreen)}.fill-cta-green {  filter: invert(100%) sepia(3%) saturate(325%) hue-rotate(180deg) brightness(116%) contrast(100%);}.bg-cta-green {  background-color: var(--ctagreen)}.color-aquagreen {  color: var(--aquagreen)}.fill-aquagreen {  filter: invert(67%) sepia(82%) saturate(289%) hue-rotate(116deg) brightness(98%) contrast(93%);}.bg-aquagreen {  background-color: var(--aquagreen)}.color-ivorywhite {  color: var(--ivorywhite)}.fill-ivorywhite {  filter: invert(100%) sepia(82%) saturate(845%) hue-rotate(178deg) brightness(105%) contrast(94%);}.bg-ivorywhite {  background-color: var(--ivorywhite)}.color-icondark {  color: var(--icondark)}.fill-icondark {  filter: invert(7%) sepia(13%) saturate(926%) hue-rotate(178deg) brightness(95%) contrast(91%);}.bg-icondark {  background-color: var(--icondark)}.color-darkmode-grey {  color: var(--darkmode)}.fill-darkmode-grey {  filter: invert(7%) sepia(13%) saturate(926%) hue-rotate(178deg) brightness(95%) contrast(91%);}.bg-darkmode-grey {  background-color: var(--darkmode)}.color-litegrey {  color: var(--litegrey)}.fill-litegrey {  filter: invert(89%) sepia(2%) saturate(634%) hue-rotate(166deg) brightness(101%) contrast(83%);}.bg-litegrey {  backgorund-color: var(--litegrey)}.color-white {  color: white}.fill-white {  filter: invert(100%) sepia(3%) saturate(325%) hue-rotate(180deg) brightness(116%) contrast(100%);}.bgwhite {  background-color: white}