:root {
  --theme-primary: #0033a0;
  --theme-secondary: #9ebdff;
  --theme-tertiary: #ef3340;
  --theme-quaternary: #dce7ff;
  --theme-quinary: #071538;

  --theme-success: #239560;
  --theme-error: #ea0029;
  --theme-disabled: #d7d7d7;

  --theme-blue-100: #17479e;
  --theme-blue-200: #001238;
  --theme-blue-300: #0072ce;

  --theme-green-100: #239560;
}

h1 {
  font-family: "Montserrat", sans-serif;
  font-size: 28px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
}

h2 {
  font-family: "Montserrat", sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
}

h3 {
  font-family: "Montserrat", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
}

h4 {
  font-family: "Montserrat", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
}

h5 {
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
}

h6 {
  font-family: "Montserrat", sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
}

.bg-white {
  background-color: #fff;
  min-height: 100vh;
}

.bcr-card {
  display: flex;
  flex-direction: column;
  padding: 32px;
  background-color: white;
  border-radius: 16px;
  box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.2),
    8px 8px 16px 0px rgba(0, 0, 0, 0.2);
}

.bcr-card-primary {
  background-color: var(--theme-primary);
  color: white;
}

.bcr-card-secondary {
  background-color: #dce7ff;
  color: var(--theme-primary);
}

.bcr-card-tertiary {
  background-color: var(--theme-quinary);
  color: white;
}

.bcr-radius {
  border-radius: 32px;
  box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.2),
    8px 8px 16px 0px rgba(0, 0, 0, 0.2);
}

.bcr-button {
  text-decoration: none;
  display: flex;
  padding: 10px 32px;
  justify-content: center;
  align-items: center;
  border-radius: 32px;
  font-size: 16px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.3s;
  max-width: 370px;
  width: 100%;
  max-height: 59px;
  display: flex;
  align-self: stretch;
  border: 0;
  margin: 0 30px;
  line-height: 28px;
}
.bcr-button:hover {
    color: white;
    text-decoration: none;

}
.bcr-button-line {
  display: flex;
  padding: 20px 32px;
  justify-content: center;
  align-items: center;
  border-radius: 32px;
  font-size: 16px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.3s;
  max-width: 370px;
  width: 100%;
  max-height: 59px;
  display: flex;
  align-self: stretch;
  border: 0;
  margin: 0 30px;
  border: 1px solid #fff;
  background: none;
  color: #fff;
}

.bcr-button-primary {
  background-color: var(--theme-primary);
  color: white;
}

.bcr-button-secondary {
  background-color: var(--theme-secondary);
  color: var(--theme-quinary);
}

.bcr-button-tertiary {
  background-color: var(--theme-tertiary);
  color: white;
}

.bcr-button-quaternary {
  background-color: var(--theme-quaternary);
  color: var(--theme-quinary);
}

.bcr-button-quinary {
  background-color: var(--theme-quinary);
  color: white;
}

.bcr-button-success {
  background-color: var(--theme-success);
  color: white;
}

.bcr-button-error {
  background-color: var(--theme-error);
  color: white;
}

.bcr-button-blue-100 {
  background-color: var(--theme-blue-100);
  color: white;
}

.bcr-button-disabled {
  background-color: var(--theme-disabled);
  color: white;
}
.bcr-margin-bottom-79 {
  margin-bottom: 79px;
}
