/* Brand CSS */

:root {
  --electric_blue: #2D3185;
  --sky_blue: #14A2DC;
  --mint_green: #35B887;
  --navy_blue: #29345D;
  --light_blue: #9DC8EA;
  --steel_blue: #105491;
  --white: #fff;
  --black: #000;
  --primary: var(--electric_blue);
  --secondary: var(--sky_blue);
  --tertiary: var(--mint_green);
  --text: #000;
  --gradient_1: linear-gradient(90deg,rgba(157, 200, 234, 1) 0%, rgba(0, 195, 137, 1) 100%);
  --gradient_2: linear-gradient(180deg,rgba(0, 163, 224, 1) 0%, rgba(23, 28, 143, 1) 100%);
  --gradient_3: linear-gradient(180deg,rgba(0, 195, 137, 1) 0%, rgba(5, 29, 73, 1) 100%);
  --gradient_4: linear-gradient(90deg,rgba(157, 200, 234, 1) 0%, rgba(0, 195, 137, 1) 60%, rgba(45, 52, 148, 1) 100%);
  --heading: "nunito", sans-serif;
  --body: "open-sans", sans-serif;
  --font-xxl: 2.65em;
  --font-xl: 2.33em;
  --font-lg: 2.2em;
  --font-md_base: 1.75em;
  --font-md: 1.33em;
  --font-sm: 1.22em;
  --font-xs: 0.88em;
  --line-height-1: 1.15em;
  --line-height-2: 1.22em;
  --line-height-3: 1.33em;
  --filter-electric_blue: brightness(0) saturate(100%) invert(11%) sepia(73%) saturate(2656%) hue-rotate(231deg) brightness(112%) contrast(91%);
  --filter-sky_blue: brightness(0) saturate(100%) invert(57%) sepia(54%) saturate(6140%) hue-rotate(169deg) brightness(104%) contrast(84%);
  --filter-mint_green: brightness(0) saturate(100%) invert(58%) sepia(83%) saturate(323%) hue-rotate(106deg) brightness(88%) contrast(93%);
  --filter-navy_blue: brightness(0) saturate(100%) invert(19%) sepia(9%) saturate(3242%) hue-rotate(190deg) brightness(96%) contrast(95%);
  --filter-light_blue: brightness(0) saturate(100%) invert(78%) sepia(22%) saturate(498%) hue-rotate(167deg) brightness(96%) contrast(90%);
  --jungle_green: #0C8264;
  --emerald_green: #038749;
  --teal_blue: #186C8B;
  --blue_lagoon: #007C82;
  --teal_stitch: #008196;
}