:root {
  --black: black;
  --white-dark: #15151d;
  --grey-dark: #34354f;
  --grey: #464765;
  --grey-light: #464765b3;
  --grey-pale: #8f99a8;
  --grey-fade: #9ba9be99;
  --white: white;
  --white-light: #fdfdff;
  --white-pale: #fdfdffcc;
  --white-fade: #ffffff26;
  --purple-dark: #60269e;
  --purple-light: #60269e99;
  --purple-fade: #60269e1a;
  --dark-blue: #351b8b;
  --blue: #00c5e5;
  color-scheme: light only;
}


*,*::before,*::after{
	box-sizing:border-box;
}

h1,h2,h3 h4,h5,h6,p {
  margin: 0;
}

h3 {
  line-height: 30px;
}

a {
  all: unset;
  cursor: pointer;
}

body {
  color: #333;
  order: 0;
  font-family: Gilroy, sans-serif;
  font-size: 14px;
  line-height: 20px;
  margin: 0;
  overflow-x: hidden;
}

/****** page wide ******/
html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  font-family: 'Gilroy', sans-serif;
  scroll-behavior: smooth;
  overflow-x: hidden;
}

ul {
  padding-left: 20px;
  margin: 0;
}

video {
  display: inline-block;
  vertical-align: baseline;
}

button {
  border: 0;
  cursor: pointer;
}