:root {
  --bs-body-font-size: 1rem;
  --font-family: "Open Sans", sans-serif;
  --heading-font-family: "Open Sans", sans-serif;
  --text-color: #000;
  --link-color: #000;
  --link-hover-color: #000;
  --cta-background-color: #ed3442;
  --cta-text-color: #fff;
  --primary-color: #ed3442;
}
html,
body {
  font-family: var(--font-family);
  color: var(--text-color);
  font-weight: 400;
  scroll-behavior: smooth;
  padding: 0;
  margin: 0;
}
.btn_cta {
  font-weight: 500;
  text-align: center;
  color: var(--cta-text-color);
  background-color: var(--cta-background-color);
  transition: all .5s;
  text-decoration: none;
  display: inline-block;
  padding: 10px 30px;
}
.btn_cta:hover {
  background: #3a3a3a;
  color: #fff;
}
a {
  text-decoration: none;
  color: var(--link-color);
  transition: color .3s;
}
a:hover {
  color: var(--link-hover-color);
}
p {
  font-weight: 400;
  margin-bottom: 0;
}
img {
  max-width: 100%;
}
img.full_width {
  width: 100%;
}
.bold,
.strong {
  font-weight: 700;
}
.bolder,
.stronger {
  font-weight: 600;
}
.text-justify {
  text-align: justify;
}
h1,
h2,
h3,
h4,
h5,
.h1,
.h2,
.h3,
.h4,
.h5 {
  font-family: var(--heading-font-family);
  margin-bottom: 0;
}
/* scroll bar */
::-webkit-scrollbar {
  width: 6px;
}
::-webkit-scrollbar-track {
  background: lightgrey;
}
::-webkit-scrollbar-thumb {
  background: var(--cta-background-color);
}
::-webkit-scrollbar-thumb:hover {
  background: #3a3a3a;
}
/* selection */
::selection {
  background: var(--cta-background-color);
  color: var(--cta-text-color);
}
.navbar-logo {
  height: 50px;
}
@media (min-width: 1200px) {
  .navbar-logo {
    height: 70px;
  }
}
.hello_offer .content {
  background: #f7f7f7;
  padding: 20px;
}
.hello_offer img {
  height: 30px;
  filter: brightness(0);
}
@media (min-width: 1200px) {
  .hello_offer img {
    height: 50px;
  }
}