:root {
  --primary-color: #bf2729;
  --secondary-color: #497842;
  --tertiary-color: #1a4526;
  --bg-color: #cdcdcd;
  --bs-accordion-active-color: var(var(--primary-color));
  --header-1: #2d2d2d;
  --header-2: #1f1c1c;
}

* {
  font-family: "Jura", sans-serif;
}
*::selection {
  background-color: rgba(253, 13, 13, 0.25);
}
html {
  scrollbar-color: var(--tertiary-color) #0046146b;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  letter-spacing: -2px;
}
h2 {
  font-size: clamp(1.6rem, 2vw + 1rem, 2.6rem);
}
h3 {
  font-size: clamp(1.2rem, 1vw + 1rem, 2rem);
}
p,
li {
  font-size: clamp(1rem, 1.2vw + 0.2rem, 1.2rem);
  color: black;
}
label {
  color: black;
}
#bg-home {
  background-image: url("img/banner.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
#bg-material {
  background-image: url("img/bg-1.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: bottom;
}
#bg-home h1,
#bg-home p,
#bg-home li,
#bg-home li::marker {
  color: white;
}
#bg-sobre {
  background-color: var(--secondary-color);
  background-image: url("img/bg-2-el.png");
  background-size: 90%;
  background-repeat: no-repeat;
  background-position: bottom left;
}
#bg-solucoes {
  background-color: var(--bg-color);
  background-image: url("img/bg-3.png");
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: top left;
}
#orcamento {
  background-color: #e0dcd2;
  background-image: url("img/bg-1.2.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top left;
}
#bg-faq {
  background-color: var(--secondary-color);
  background-image: url("img/bg-4.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top center;
}
.btn {
  font-weight: bold;
  font-size: clamp(1rem, 1.2vw + 0.2rem, 1.2rem) !important;
}
.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: var(--primary-color);
  --bs-btn-border-color: var(--primary-color);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #b4181a;
  --bs-btn-hover-border-color: #b4181a;
  --bs-btn-focus-shadow-rgb: 190, 51, 38;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #b4181a;
  --bs-btn-active-border-color: #b4181a;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn-secondary {
  --bs-btn-color: #2e2e2e;
  --bs-btn-bg: #ffffff;
  --bs-btn-border-color: #ffffff;
  --bs-btn-hover-color: #ffffff;
  --bs-btn-hover-bg: #f94839;
  --bs-btn-hover-border-color: #ffffff;
  --bs-btn-focus-shadow-rgb: 255, 130, 120;
  --bs-btn-active-color: #ffffff;
  --bs-btn-active-bg: #f94839;
  --bs-btn-active-border-color: #ffffff;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.container {
  padding: 4rem 1rem;
}
.text-balance {
  text-wrap: balance;
}
.accordion-button {
  font-size: clamp(1rem, 1.2vw + 0.2rem, 1.2rem) !important;
}
.accordion-item {
  --bs-accordion-btn-color: var(--primary-color) !important;
  --bs-accordion-active-bg: #bf27293d !important;
  --bs-accordion-active-color: var(--primary-color) !important;
  --bs-accordion-btn-focus-box-shadow: black;
}
.form-select:focus, .form-control:focus {
  color: var(--bs-body-color);
  background-color: var(--bs-body-bg);
  border-color: var(--primary-color);
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(253, 13, 13, 0.25);
}
.form-check-input:checked {
  background-color: var(--primary-color);
  border-color: var(--primary-color);
}
.form-check-input:focus {
  box-shadow: 0 0 0 0.25rem rgb(255 0 0 / 25%);
}
.bg-body-tertiary {
  background-color: var(--header-1) !important;
}
.nav-link {
  color: white !important;
  font-size: 1rem;
}
.navbar-toggler:focus {
  box-shadow: none !important;
}
.progress-bar{
  background-color: var(--primary-color);
}
/* Youtube Video CSS */
.embed-youtube {
  background-color: #000;
  margin-bottom: 30px;
  position: relative;
  padding-top: 56.25%;
  overflow: hidden;
  cursor: pointer;
  border-radius: 7px;
}
.embed-youtube img {
  width: 100%;
  top: -16.84%;
  left: 0;
  opacity: 0.7;
}
.embed-youtube .embed-youtube-play {
  width: 68px;
  height: 48px;
  z-index: 1;
  opacity: 0.8;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='100%25' version='1.1' viewBox='0 0 68 48' width='100%25'%3E%3Cpath class='ytp-large-play-button-bg' d='M66.52,7.74c-0.78-2.93-2.49-5.41-5.42-6.19C55.79,.13,34,0,34,0S12.21,.13,6.9,1.55 C3.97,2.33,2.27,4.81,1.48,7.74C0.06,13.05,0,24,0,24s0.06,10.95,1.48,16.26c0.78,2.93,2.49,5.41,5.42,6.19 C12.21,47.87,34,48,34,48s21.79-0.13,27.1-1.55c2.93-0.78,4.64-3.26,5.42-6.19C67.94,34.95,68,24,68,24S67.94,13.05,66.52,7.74z' fill='%23f00'%3E%3C/path%3E%3Cpath d='M 45,24 27,14 27,34' fill='%23fff'%3E%3C/path%3E%3C/svg%3E");
  filter: saturate(0) drop-shadow(2px 4px 12px black);
}
.embed-youtube img,
.embed-youtube .embed-youtube-play {
  cursor: pointer;
}
.embed-youtube img,
.embed-youtube iframe,
.embed-youtube .embed-youtube-play,
.embed-youtube .embed-youtube-play:before {
  position: absolute;
}
.embed-youtube .embed-youtube-play,
.embed-youtube .embed-youtube-play:before {
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
}
.embed-youtube iframe {
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}
.embed-youtube:hover .embed-youtube-play {
  opacity: 1;
  filter: saturate(1) drop-shadow(2px 4px 12px black);
}

@media (max-width: 900px) {
  .info-bar {
    display: none!important;
  }
}