:root {
  --primary-blue: #0073B9;
  --light-blue: #0072b9c7;
  --text-color: #363636;
  --background-color: #F5F5F5;
  --light-gray-text: #9F9F9F;
  --hover-gray-text: #9f9f9f31;
  --gray-text: #767676;
  --light-green: #CFFFCD;
  --primary-green: #A0FFA0;
  --bright-green: #007C00;
  --background-modal: #00000066;
}

* {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  text-decoration: none;
  font-style: normal;
  color: var(--text-color);
  font-family: Montserrat, sans-serif;
}

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

ol,
ul {
  list-style: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
}

input,
textarea {
  outline: none;
}

img {
  display: block;
  max-width: 100%;
  pointer-events: none;
  height: auto;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.wrapper {
  min-width: 320px;
  max-width: 100%;
  box-sizing: border-box;
  margin: 0 auto;
}

.container {
  min-width: 320px;
  max-width: 1512px;
  box-sizing: border-box;
  margin: 0 auto;

  @media (max-width: 1500px) {
    max-width: 1200px;
  }

  @media (max-width: 1200px) {
    max-width: 992px;
  }

  @media (max-width: 992px) {
    max-width: 768px;
  }

  @media (max-width: 768px) {
    max-width: 480px;
  }

  @media (max-width: 480px) {
    max-width: 360px;
  }

  @media (max-width: 360px) {
    max-width: 320px;
  }
}

body {
  overflow-x: hidden;
  margin: 0;
  background-color: #fff;
  color: var(--text-color);
}

html {
  overflow-x: hidden;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0;
  font-weight: normal;
  font-size: 100%;
}

button {
  cursor: pointer;
  margin: 0;
  padding: 0;
  border: none;
  background: none;
  font: inherit;
  color: inherit;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}