:root {
  /* IDV =========================================== */
  --color1: #f932a4 !important;
  --color2: #1c3ee5 !important;
  --color3: !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;
}
body {
  line-height: 1.4em !important;
  letter-spacing: 0.05rem !important;
}
html {
  scroll-behavior: smooth;
}
/* 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);
}

/* 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);
}

/* 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);
}

/* 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);
}

/* Default CSS ========================================= */
.main-menu ul li:hover > ul {
  padding: 12px 0 !important;
}
.hero-content-video .video-play-button a {
  padding-left: 7px;
}
.btn-default::before {
  top: -1.2px !important;
}
.btn-default::after {
  top: -1.2px !important;
}
.navbar-brand img {
  height: 48px !important;
}
.main-menu .nav-menu-wrapper {
  margin-left: 70px;
}
.hero-content .section-title {
  /* margin-top: 35px; */
}
.agency-social-item .icon-box a::before {
  background: var(--color2) !important;
}
.termos,
.termos > a {
  font-size: 12px;
  line-height: 1.4;
  margin-top: 15px;
  color: var(--white-03);
}
.termos > a:hover {
  color: var(--white);
}
.footer-newsletter-form p {
  margin-bottom: 12px;
  color: var(--white-08);
}
.footer-form > input::placeholder {
  color: var(--white-03) !important;
}
.form-group input::placeholder,
textarea::placeholder {
  color: var(--white-03) !important;
}
.footer-copyright a {
  color: var(--white-07);
}
.footer-copyright a:hover {
  color: var(--white);
}
.obrigado-page {
  padding: 200px 0;
  text-align: center;
}
.politica-de-privacidade,
.termos-de-uso {
  padding: 160px 0 80px;
}
.dropdown-divider {
  border: 1px solid var(--white-01);
}
.bg-footer {
  background-color: rgba(27, 27, 27, 0.4);
  border: 1px solid var(--divider-color);
  margin: 30px;
  border-radius: 30px;
}
p {
  color: var(--white-07);
  margin-bottom: 18px;
}
.padding-30px-left {
  padding-left: 30px;
}
.pricing-price i {
  margin-left: 10px;
  margin-top: 5px;
}
.pricing-list ul li span {
  color: var(--color1);
  font-style: italic;
  letter-spacing: 0, 02rem;
}
.pricing-box {
  margin-bottom: 35px;
}
.mais-vendido {
  position: absolute;
  top: -24px;
  left: 31%;
  background: rgba(27, 27, 27, 1);
  border-bottom: 1px solid var(--divider-color);
  border-radius: 8px;
  font-weight: 600;
  padding: 16px 24px 12px 24px;

  text-transform: uppercase;
  color: var(--color1);
  font-weight: 600;
}
.w-30 {
  max-width: 30%;
}
@media (max-width: 1100px) {
  .w-30 {
    max-width: 40%;
  }
}
@media (max-width: 800px) {
  .w-30 {
    max-width: 60%;
  }
}
@media (max-width: 600px) {
  .mais-vendido {
    position: absolute;
    top: -24px;
    left: 30%;
    padding: 12px 20px 8px 20px;
  }
  .bg-footer {
    background-color: var(--black-08);
    margin: 0px;
    border-radius: 0px;
  }
  .padding-30px-left {
    padding-left: 15px;
  }
  .footer-logo {
    margin: 0 auto 40px auto;
  }
  .obrigado-page {
    padding: 124px 0;
    text-align: center;
  }
  .politica-de-privacidade,
  .termos-de-uso {
    padding: 80px 0 40px;
  }
  .w-30 {
    max-width: 100%;
    margin-bottom: 40px;
  }
}