:root {
			--text: #343434;
			--heading: #343434;
			--contrast: #fff;
			--gradient-yellow: linear-gradient(90deg, #FBDC84 0%, #F2BE30 100%);
			--gradient-light-blue: linear-gradient(90deg, #74BFCD 0%, #98D1DC 100%);
			--gradient-dark-blue: linear-gradient(90deg, #3499C9 0%, #1F5E7C 100%);
			--gradient-orange: linear-gradient(90deg, #D77101 0%, #F68624 100%);
			--gradient-dark-grey: linear-gradient(90deg, #747474 0%, #343434 100%);
			--orange: #f68624;
			--dark-grey: #343434;
			--mid-grey: #7c7c7c;
			--light-grey: #f2efec;
			--yellow: #f2be30;
			--dark-orange: #e07423;
			--light-blue: #98d1dc;
			--dark-blue: #1f5e7c;
			--white: #ffffff;
			--black: #000000;
}
				.has-orange-color {
				  color: #f68624;
				}
				.bg_orange {
				  --text: var(--mid-grey);
				  --heading: var(--dark-grey);
				  background-color: #f68624;
				}
				.uo_btn.orange {
				  --button-bg: #f68624;
				  --button-text: var(--dark-grey);
				}
			
				.has-dark-grey-color {
				  color: #343434;
				}
				.bg_dark-grey {
				  --text: var(--contrast);
				  --heading: var(--contrast);
				  background-color: #343434;
				}
				.uo_btn.dark-grey {
				  --button-bg: #343434;
				  --button-text: var(--contrast);
				}
			
				.has-mid-grey-color {
				  color: #7c7c7c;
				}
				.bg_mid-grey {
				  --text: var(--mid-grey);
				  --heading: var(--dark-grey);
				  background-color: #7c7c7c;
				}
				.uo_btn.mid-grey {
				  --button-bg: #7c7c7c;
				  --button-text: var(--dark-grey);
				}
			
				.has-light-grey-color {
				  color: #f2efec;
				}
				.bg_light-grey {
				  --text: var(--mid-grey);
				  --heading: var(--dark-grey);
				  background-color: #f2efec;
				}
				.uo_btn.light-grey {
				  --button-bg: #f2efec;
				  --button-text: var(--dark-grey);
				}
			
				.has-yellow-color {
				  color: #f2be30;
				}
				.bg_yellow {
				  --text: var(--mid-grey);
				  --heading: var(--dark-grey);
				  background-color: #f2be30;
				}
				.uo_btn.yellow {
				  --button-bg: #f2be30;
				  --button-text: var(--dark-grey);
				}
			
				.has-dark-orange-color {
				  color: #e07423;
				}
				.bg_dark-orange {
				  --text: var(--mid-grey);
				  --heading: var(--dark-grey);
				  background-color: #e07423;
				}
				.uo_btn.dark-orange {
				  --button-bg: #e07423;
				  --button-text: var(--dark-grey);
				}
			
				.has-light-blue-color {
				  color: #98d1dc;
				}
				.bg_light-blue {
				  --text: var(--mid-grey);
				  --heading: var(--dark-grey);
				  background-color: #98d1dc;
				}
				.uo_btn.light-blue {
				  --button-bg: #98d1dc;
				  --button-text: var(--dark-grey);
				}
			
				.has-dark-blue-color {
				  color: #1f5e7c;
				}
				.bg_dark-blue {
				  --text: var(--contrast);
				  --heading: var(--contrast);
				  background-color: #1f5e7c;
				}
				.uo_btn.dark-blue {
				  --button-bg: #1f5e7c;
				  --button-text: var(--contrast);
				}
			
				.has-white-color {
				  color: #ffffff;
				}
				.bg_white {
				  --text: var(--mid-grey);
				  --heading: var(--dark-grey);
				  background-color: #ffffff;
				}
				.uo_btn.white {
				  --button-bg: #ffffff;
				  --button-text: var(--dark-grey);
				}
			
				.has-black-color {
				  color: #000000;
				}
				.bg_black {
				  --text: var(--contrast);
				  --heading: var(--contrast);
				  background-color: #000000;
				}
				.uo_btn.black {
				  --button-bg: #000000;
				  --button-text: var(--contrast);
				}