@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap');

html {
  scroll-behavior: smooth;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

:root {
  --header-height: 70px;

  --background-color: #f0f2f5;

  --white-color: #fff;
  --off-white-color: #fbfbfb;

  --gray-color: #91999d;
  --gray-color-light: #ededed;

  --black-color: hsl(220, 24%, 12%);
  --black-color-light: hsl(220, 24%, 15%);
  --black-color-lighten: hsl(220, 20%, 18%);

  --purple-color: #ba4dde;
  --purple-color-light: #b65eee;
  --purple-color-lighten: #d1a8ff;

  --green-color: #2cb95e;
  --green-color-light: #28be5d;

  --red-color: #f53639;
  --red-color-light: #ff7274;

  --yellow-color: #ffb31e;

  --pink-color: #ff107f;
  --pink-color-light: #fc3692;

  --blue-color: #0273e6;
  --blue-color-light: #167fe9;

  --normal-font-size: .938rem;

  --poppins-font: "Poppins", sans-serif;

  --font-regular: 400;
  --font-semi-bold: 600;
  --font-bold: 700;

  --z-tooltip: 10;
  --z-fixed: 100;
}

@media screen and (min-width: 1024px) {
  :root {
    --normal-font-size: 1rem;
  }
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  font-family: Arial, sans-serif;
}

ul {
  list-style: none;
}

a {
  text-decoration: none !important;
}

.bg-\[\#C71CFF\] {
  background-color: #C71CFF;
}

.bg-\[\#0073E6\] {
  background-color: #0073E6;
}

.bg-\[\#FF8019\] {
  background-color: #FF8019;
}

.bg-\[\#C18709\] {
  background-color: #C18709;
}

.bg-\[\#000\] {
  background-color: #000;
}

.border-custom {
  border: 1px solid;
}

.border-\[\#C71CFF\] {
  border-color: #C71CFF;
}

.border-\[\#0073E6\] {
  border-color: #0073E6;
}

.border-\[\#FF8019\] {
  border-color: #FF8019;
}

.border-\[\#C18709\] {
  border-color: #C18709;
}

.border-\[\#000\] {
  border-color: #000;
}