:root {
  --color1: #003e77 !important;
  --color2: #448bcd !important;
  --color3: #303030 !important;
  --color4: #5eaffa !important;
  --color5: !important;

  /* White ========================================= */
  --white-005: rgba(255, 255, 255, 0.05);
  --white-01: rgba(255, 255, 255, 0.1);
  --white-02: rgba(255, 255, 255, 0.2);
  --white-03: rgba(255, 255, 255, 0.3);
  --white-04: rgba(255, 255, 255, 0.4);
  --white-05: rgba(255, 255, 255, 0.5);
  --white-06: rgba(255, 255, 255, 0.6);
  --white-07: rgba(255, 255, 255, 0.7);
  --white-08: rgba(255, 255, 255, 0.8);
  --white-09: rgba(255, 255, 255, 0.9);
  --white: #ffffff;

  /* Black ======================================== */
  --black-005: rgba(0, 0, 0, 0.05);
  --black-01: rgba(0, 0, 0, 0.1);
  --black-02: rgba(0, 0, 0, 0.2);
  --black-03: rgba(0, 0, 0, 0.3);
  --black-04: rgba(0, 0, 0, 0.4);
  --black-05: rgba(0, 0, 0, 0.5);
  --black-06: rgba(0, 0, 0, 0.6);
  --black-07: rgba(0, 0, 0, 0.7);
  --black-08: rgba(0, 0, 0, 0.8);
  --black-09: rgba(0, 0, 0, 0.9);
  --black: #0c0c0c !important;
}

/* Rolagem suave ↓ */
html {
  /* scroll-behavior:smooth !important; */
}
/* White ========================================== */
.white-005 {
  color: var(--white-005);
}
.white-01 {
  color: var(--white-01);
}
.white-02 {
  color: var(--white-02);
}
.white-03 {
  color: var(--white-03);
}
.white-04 {
  color: var(--white-04);
}
.white-05 {
  color: var(--white-05);
}
.white-06 {
  color: var(--white-06);
}
.white-07 {
  color: var(--white-07);
}
.white-08 {
  color: var(--white-08);
}
.white-09 {
  color: var(--white-09);
}
.white {
  color: var(--white);
}
.bg-white-02 {
  background: var(--white-02);
}
/* Black ========================================== */
.black-005 {
  color: var(--black-005);
}
.black-01 {
  color: var(--black-01);
}
.black-02 {
  color: var(--black-02);
}
.black-03 {
  color: var(--black-03);
}
.black-04 {
  color: var(--black-04);
}
.black-05 {
  color: var(--black-05);
}
.black-06 {
  color: var(--black-06);
}
.black-07 {
  color: var(--black-07);
}
.black-08 {
  color: var(--black-08);
}
.black-09 {
  color: var(--black-09);
}
.black {
  color: var(--black);
}

/* Fonts 4pt / 8pt ================================== */
/* Rem = Tamanho da font / 16 */

.font_4 {
  font-size: 0.25rem;
  line-height: calc(0.25rem * 1.5);
}
.font_8 {
  font-size: 0.5rem;
  line-height: calc(0.5rem * 1.5);
}
.font_12 {
  font-size: 0.75rem;
  line-height: calc(0.75rem * 1.5);
}
.font_14 {
  font-size: 0.875rem;
  line-height: calc(0.875rem * 1.5);
}
.font_16 {
  font-size: 1rem;
  line-height: calc(1rem * 1.5);
}
.font_18 {
  font-size: 1.125rem;
  line-height: calc(1.125rem * 1.5);
}
.font_20 {
  font-size: 1.25rem;
  line-height: calc(1.25rem * 1.5);
}
.font_24 {
  font-size: 1.5rem;
  line-height: calc(1.5rem * 1.5);
}
.font_28 {
  font-size: 1.75rem;
  line-height: calc(1.75rem * 1.5);
}
.font_32 {
  font-size: 2rem;
  line-height: calc(2rem * 1.5);
}
.font_36 {
  font-size: 2.2rem;
  line-height: calc(2.2rem * 1.5);
}
.font_40 {
  font-size: 2.5rem;
  line-height: calc(2.5rem * 1.5);
}
.font_44 {
  font-size: 2.75rem;
  line-height: calc(2.75rem * 1.5);
}
.font_48 {
  font-size: 3rem;
  line-height: calc(3rem * 1.5);
}

/* Font =========================================== */

/* Default ========================================= */

.color1 {
  color: var(--color1);
}
.color2 {
  color: var(--color2);
}
.color3 {
  color: var(--color3);
}
.color4 {
  color: var(--color4);
}
.color5 {
  color: var(--color5);
}
.bgcolor1 {
  background: var(--color1);
}
.bgcolor2 {
  background: var(--color2);
}
.bgcolor3 {
  background: var(--color3);
}
.bgcolor4 {
  background: var(--color4);
}
.bgcolor5 {
  background: var(--color5);
}
.bgblack {
  background: #1f1f1f;
}
.bgblack-02 {
  background: var(--black-09);
}
.opacity-0 {
  opacity: 0;
}

/* ---------------- */
.home {
  height: 600px;
  background: #8a8a8a;
}
.navbar-brand {
  padding-top: 1.4rem !important;
  padding-bottom: 1.4rem !important;
}
.header-button a {
  color: var(--color1);
}
.header-button a:hover {
  color: var(--white);
}

.navbar-dark .navbar-nav .nav-link:focus,
.navbar-dark .navbar-nav .nav-link:active > .nothover {
  color: var(--white) !important;
}
.footer-text,
a {
  /* color: var(--white-05); */
  color: var(--white-05);
  font-weight: 400;
  letter-spacing: 0.02rem;
}
.footer-text li a:hover {
  color: var(--white) !important;
}
.social-icon-style-12 ul li a:hover {
  color: var(--white-05) !important;
}
.margin-efect a:hover {
  margin-left: 4px;
  /* text-decoration: underline 1px var(--color1); */
}
.social-icons > li {
  padding: 0 4px;
}
.copyright a:hover {
  color: var(--white);
}
/* Btn ----------- */
.btn.btn-primary {
  background: var(--color1);
  border: 0.05rem solid;
  border-color: var(--color1);
  color: #ffffff;
}
.btn.btn-primary:hover,
.btn.btn-primary:focus {
  background: rgba(0, 62, 119, 0.07);
  border: 0.05rem solid;
  border-color: var(--color1);
  color: var(--color1);
}
.btn-primary-2 {
  background: var(--color1);
  color: #ffffff;
}
.btn-primary-2:hover{
  background: #034A7F;
  color: var(--white);
  scale: 1.01;
  transition: 0.2s;
  margin-left: 4px;
}
.simbolo-tree {
  height: 45px;
}
.text-fast-blue,
.btn-link.text-fast-blue,
a.text-fast-blue-hover:hover {
  color: var(--color1) !important;
}
.bg-gradient-color1 {
  background: hsla(209, 100%, 23%, 1);

  background: linear-gradient(
    180deg,
    hsla(209, 100%, 23%, 1) 0%,
    hsla(209, 58%, 54%, 1) 100%
  );

  background: -moz-linear-gradient(
    180deg,
    hsla(209, 100%, 23%, 1) 0%,
    hsla(209, 58%, 54%, 1) 100%
  );

  background: -webkit-linear-gradient(
    180deg,
    hsla(209, 100%, 23%, 1) 0%,
    hsla(209, 58%, 54%, 1) 100%
  );
}
.border-radius-10px-home {
  border-radius: 10px;
}
.bg-color2 {
  background-color: var(--color2);
}

/* min-width ----------- */

@media (min-width: 768px) {
  .mobile-btn-menu {
    display: none !important;
    width: max-content;
  }
}

/* max-width ----------- */

@media (max-width: 991px) {
  .mobile-btn > a {
    margin-bottom: 25px;
  }
}
@media (max-width: 768px) {
  .mobile-btn {
    display: none !important;
    width: max-content;
  }
  .mobile-btn-menu {
    margin-bottom: 20px;
  }
}
@media (max-width: 600px) {
}
@media (max-width: 575px) {
  .border-radius-10px-home {
    border-radius: 0px;
  }
  .btn-primary-2:hover{
    margin-left: 0px;
  }
}