:root {
  --primary-color: #d12020;
  --text-color: #000000;
  --font-regular: "IndivisibleRegular", sans-serif;
  --font-semibold: "IndivisibleSemiBold", sans-serif;
  --font-medium: "IndivisibleMedium", sans-serif;
  --font-bold: "IndivisibleBold", sans-serif;
  /* --secondary-color: #e8f0fe;*/
}

/* Extra small (xs): Less than 576px
Small (sm): ≥576px
Medium (md): ≥768px
Large (lg): ≥992px
Extra large (xl): ≥1200px
Extra extra large (xxl): ≥1400px */

/* css reset */

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

* {
  margin: 0;
}

/* Enable keyword animations */
@media (prefers-reduced-motion: no-preference) {
  html {
    interpolate-size: allow-keywords;
  }
}

body {
  font-family: var(--font-regular);
  font-weight: 400;
  line-height: 1.25;
  -webkit-font-smoothing: antialiased;
}

#container {
  position: relative;
}

/* Improve media defaults */
img,
picture,
video,
canvas,
svg {
  display: block;
  max-width: 100%;
}

/* Inherit fonts for form controls */
input,
button,
textarea,
select,
pre {
  font: inherit;
}

/* Avoid text overflows */
p,
h1,
h2,
h3,
h4,
h5,
h6 {
  overflow-wrap: break-word;
}

/* Improve line wrapping */
p {
  text-wrap: pretty;
}

ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

a {
  text-decoration: none;
  color: inherit;
}

/*
  Create a root stacking context
*/
#root,
#__next {
  isolation: isolate;
}

/* reset end */

@font-face {
  font-family: "IndivisibleRegular";
  src: url("../font/Indivisible-Regular.eot");
  src: url("../font/Indivisible-Regular.eot?#iefix") format("embedded-opentype"),
    url("../font/Indivisible-Regular.woff2") format("woff2"),
    url("../font/Indivisible-Regular.woff") format("woff"),
    url("../font/Indivisible-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "IndivisibleMedium";
  src: url("../font/Indivisible-Medium.eot");
  src: url("../font/Indivisible-Medium.eot?#iefix") format("embedded-opentype"),
    url("../font/Indivisible-Medium.woff2") format("woff2"),
    url("../font/Indivisible-Medium.woff") format("woff"),
    url("../font/Indivisible-Medium.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "IndivisibleSemiBold";
  src: url("../font/Indivisible-SemiBold.eot");
  src: url("../font/Indivisible-SemiBold.eot?#iefix")
      format("embedded-opentype"),
    url("../font/Indivisible-SemiBold.woff2") format("woff2"),
    url("../font/Indivisible-SemiBold.woff") format("woff"),
    url("../font/Indivisible-SemiBold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "IndivisibleBold";
  src: url("../font/Indivisible-Bold.eot");
  src: url("../font/Indivisible-Bold.eot?#iefix") format("embedded-opentype"),
    url("../font/Indivisible-Bold.woff2") format("woff2"),
    url("../font/Indivisible-Bold.woff") format("woff"),
    url("../font/Indivisible-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}