:root {
  --sind-green: #00963f;
  --dark-gray: #343a40;
}

body {
  font-family: 'Inter', sans-serif;
}

.page-main {
  width: 100%;
  max-width: 1536px;
  margin: 0 auto;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 640px) {
  .page-main {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

@media (min-width: 1024px) {
  .page-main {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

.bg-sind-green { background-color: var(--sind-green); }
.text-sind-green { color: var(--sind-green); }
.border-sind-green { border-color: var(--sind-green); }
.hover-text-sind-green:hover { color: var(--sind-green); }