@import url("../fonts/PierSans/pierSans.css");

@import url("../fonts/RubikOne/rubikone.css");

:root {
  --dark: #000a12;

  --dark-2: #171717;

  --black: #171717;

  --red: #dd2c1c;

  --red-dark: #bd201d;

  --white: #ffffff;

  --muted: #666b72;

  --light: #f5f5f5;

  --line: #d9d9d9;

  --container: 1260px;

  --radius: 0px;

  --shadow: 0 18px 50px rgba(0, 0, 0, 0.12);

  --shades01: #ffffff;

  --shades02: #000000;

  --shades01-rgb: 255, 255, 255;

  --shades02-rgb: 0, 0, 0;

  --red-rgb: 221, 44, 28;
}

* {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;

  margin-top: 0 !important;
}

body {
  margin: 0;

  font-family: "Lexend Exa", sans-serif;

  color: #151515;

  background: #fff;

  line-height: 1.6;

  font-size: 16px;
}

img {
  max-width: 100%;

  display: block;

  height: auto;
}

a {
  color: inherit;

  text-decoration: none;
}

a:hover {
  color: var(--red);
}

/* ********|| BOOTSTRAP FIX START ||******** */

.container {
  max-width: none;

  width: 100%;

  padding-left: 16px;

  padding-right: 16px;

  margin-left: auto;

  margin-right: auto;
}

@media (min-width: 576px) {
  :root {
    --padding: 16px;
  }

  .container {
    max-width: none;

    width: 100%;

    padding-left: 16px;

    padding-right: 16px;

    margin-left: auto;

    margin-right: auto;
  }
}

@media (min-width: 768px) {
  :root {
    --padding: calc(calc(var(--viewWidth) - 690px) / 2);
  }

  .container {
    max-width: 740px;
  }
}

@media (min-width: 992px) {
  :root {
    --padding: calc(calc(var(--viewWidth) - 960px) / 2);
  }

  .container {
    max-width: 960px;
  }
}

@media (min-width: 1200px) {
  .container {
    max-width: 90%;
  }
}




/* ********|| BOOTSTRAP FIX END ||******** */

@media screen and (max-width: 1600px) {
}

@media screen and (max-width: 1440px) {
}

@media screen and (max-width: 1366px) {
}

@media screen and (max-width: 1280px) {
}

@media screen and (max-width: 1200px) {
}

@media screen and (max-width: 1070px) {
}

@media screen and (max-width: 768px) {
}

@media screen and (max-width: 480px) {
}