@import url("https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,400;0,500;0,600;1,400&display=swap");
:root {
  /* Colours */
  --primary-color: #4fc5c9;
  --primary-color-hs: 182 53%;
  --secondary-color: #2A4B9B;
  --secondary-color-hs: 222 57%;
  --navy: #0D1330;
  --navy-hs: 230 57%;
  --darkest-grey: #576881;
  --darkest-grey-hs: 216 19%;
  --dark-grey: #8196B6;
  --dark-grey-hs: 216 27%;
  --grey: #C3D2E1;
  --grey-hs: 210 33%;
  --light-grey: #E5EBF1;
  --light-grey-hs: 210 30%;
  --lightest-grey: #F0F6FC;
  --lightest-grey-hs: 210 67%;
  --black: #222222;
  --off-white: #F7FAFD;
  --off-white-hs: 210 60%;
  --white: #FFFFFF;
  --green: #42C5A5;
  --green-hs: 165 53%;
  --light-green: #ECFBF6;
  --light-green-hs: 160 65%;
  --yellow: #F4C175;
  --yellow-hs: 36 85%;
  --light-yellow: #FFEACB;
  --light-yellow-hs: 36 100%;
  --red: #CA3D5F;
  --red-hs: 346 57%;
  --light-red: #F4E2E6;
  --light-red-hs: 347 45%;
  --blue: #6EB4F4;
  --blue-hs: 209 86%;
  --light-blue: #E2F0FC;
  --light-blue-hs: 208 81%;
  --facebook: #3B5998;
  --instagram: #C32AA3;
  --twitter: #1DA1F2;
  --youtube: #FF0000;
  --default-font: "Barlow", sans-serif;
}