@import url('https://fonts.googleapis.com/css2?family=Inter:wght@200;300;400;600&display=swap');

:root{
  --color-primary: #8A2036;
  --color-primary-blur: rgba(138,32,54,0.6);
  --color-secondary: #BC955B;
  --color-secondary-blur: rgba(151,105,56,.2);
  --color-tertiary: #EFE1CA;
  --color-white: #FFFFFF;
  --color-body: #FFFCFF;
}

body {
  font-family: 'Inter', sans-serif !important;
  font-size: 15px;
  font-weight: 400;
  padding: 0; margin: 0 !important;
  background: #F7F7F7 !important;
}
a {
  text-decoration: none !important;
}
a:hover {
  color: #000 !important;
}
a.btn:hover {
  color: #FFF !important;
}
h1 {
  font-weight: 600;
  margin: 0;
  font-size: 2rem !important;
}
h2,
h3,
h4 {
  font-weight: 600;
  margin: 0;
}

@media screen and (max-width: 768px){
  h3{
    font-size: 1.3rem !important;
  }

}

h5,
h6 {
  margin: 0;
}

body a:hover {
  text-decoration: none;
}

body a:focus {
  outline: 0;
}

body ul {
  list-style-type: none;
  margin: 0;
}

.btn-default:active,
.btn-default:active:focus,
.btn-default:active:hover,
.btn-default:focus,
.btn-default:hover,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.btn:not(:disabled):not(.disabled).active,
.btn:not(:disabled):not(.disabled):active {
  -webkit-appearance: none;
}

.btn:active,
.btn:active:focus,
.btn:active:hover,
.btn:focus,
.btn:hover,
.btn:not(:disabled):not(.disabled).active,
.btn:not(:disabled):not(.disabled):active {
  -webkit-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  transition: all 0.6s ease;
  outline: 0;
}

a,
span,
img {
  display: inline-block;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  color: inherit;
  text-decoration: none !important;
}

ul {
  padding: 0;
}

p {
  font-size: 14px;
  margin: 0;
}
.bold{
  font-weight: 600 !important;
}

.block_box {
  position: relative;
  background: var(--color-white);
  border-radius:4px;
  padding: 30px;
  box-shadow: 0 7px 25px rgba(0, 0, 0, 0.09);
}
.btn-primary, .btn-secondary, .btn-danger, .btn-success, .btn-warning, .btn-default, .btn-link {
  border:none !important;
}
.btn-primary, .btn-primary:link, .btn-primary a, .btn-primary a:link, .bg-primary {
  background-color: var(--color-primary) !important;
  /* margin-bottom: 10px !important; */
}
.btn-primary:hover{
  background-color: var(--color-primary);
}
.font-color-primary, .font-color-primary h1, .font-color-primary h2, .font-color-primary h3, .font-color-primary h4, .font-color-primary h5, .font-color-primary p
{
  color: var(--color-primary) !important;
}
.hr_color_primary {
  width: 100% !important;
  height: 2px !important;
  background: var(--color-primary) !important;
  border: none;
}
.hr_color_secondary {
  width: 100% !important;
  height: 2px !important;
  background: var(--color-secondary) !important;
  border: none;
}
.hidden {
  display: none;
}
.pointer{
  cursor: pointer;
}
input .form-control{
  height: 2.28rem !important;
}

.text-tip, .text-tip a { font-size:.7rem; color:#888; }
.text-max { font-size: 3.6rem; }

.btn-normalize .btn {
  font-size: 1em !important;
  padding: .30rem .70rem !important;
}

.block_box {
  position: relative;
  background:#fff;
  border-radius:10px;
  padding: 30px;
  box-shadow: 0 7px 25px rgba(0, 0, 0, 0.09);
}

.background-primary{
  background: var(--color-primary);
}

.background-secondary{
  background: var(--color-secondary);
}

.background-tertiary{
  background: var(--color-tertiary);
}
.background-white{
  background: var(--color-white);
  box-shadow: 10px 2px 20px rgba(0, 0, 0, 0.1);

}

@media screen and (max-width: 767px) {
  h1 {
    font-size: 1rem !important;
  }
}

.start-90 {
  left: 90% !important;
}