:root {
  --primary-color: #005b76;
  --secondary-color: #fff;
}

body {
  overflow-x: hidden;
}

body.modal-aberto {
  overflow: hidden;
}

h1, h2, h3 {
  margin-bottom: 24px !important;
}

h4, h5, h6 {
  margin-bottom: 16px !important;
}

p {
  margin-bottom: 12px !important;
}

h1 {
  font-size: clamp(36px, 5vw, 68px) !important;
  line-height: 84px !important;
  font-weight: 700 !important;
}

h2 {
  font-size: clamp(30px, 4.5vw, 48px) !important;
  line-height: 60px !important;
  font-weight:  600!important;
}

h3 {
  font-size: clamp(24px, 3.5vw, 28px) !important;
  line-height: 36px !important;
  font-weight: 600 !important;
}

h4 {
  font-size: clamp(20px, 3vw, 24px) !important;
  line-height: 32px !important;
  font-weight: 600 !important;
}

h5 {
  font-size: clamp(18px, 2.5vw, 20px) !important;
  line-height: 28px !important;
  font-weight: 400 !important;
}

h6 {
  font-size: clamp(16px, 2vw, 16px) !important;
  line-height: 24px !important;
  font-weight: 400 !important;
}

p {
  font-size: clamp(14px, 1.8vw, 14px) !important;
  line-height: 20px !important;
  font-weight: 400 !important;
}

label {
  font-size: clamp(12px, 1.5vw, 12px) !important;
  line-height: 16px !important;
  font-weight: 400 !important;
}

.container,
.container-fluid,
.container-xxl,
.container-xl,
.container-lg,
.container-md,
.container-sm {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-right: auto;
  margin-left: auto;
}

@media (max-width: 991px) {
    h1 {
         line-height: normal !important;
    }
}

@media (max-width: 380px) {
    h1 {
         font-size: 25px !important;
    }
}