/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.3.6,
* Autoprefixer: v10.3.1
* Browsers: last 4 version
*/

:root {
  --color-primary: #000000;
  --color-primary-light: #1a1a1a;
  --color-primary-dark: #000000;
  --bg-color: #ffffff;

  --text-primary: #121212;
  --text-secondary: #4f4f4f;
  --text-tertiary: #7d7d7d;
  --text-muted-primary: #9e9e9e;
  --text-muted-secondary: #bdbdbd;

  --color-success: #00c853;

  --color-white: #ffffff;
  --color-grey-light-1: #faf9f9;
  --color-grey-light-2: #f4f2f2;
  --color-grey-light-3: #f0eeee;
  --color-grey-light-4: #a09b9b;
  --color-grey-dark-1: #474b4a;
  --color-grey-dark-2: #656867;
  --color-grey-dark-3: #292f2d;
  --shadow-dark: 0 2rem 6rem rgba(0, 0, 0, 0.3);
  --shadow-light: 0 2rem 5rem rgba(0, 0, 0, 0.06);
  --line: 1px solid var(--color-grey-light-2);
  --gradient-1: #b3b4b3;
  --gradient-2: #515353;
}

/*resets*/
* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

*,
*::before,
*::after {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}

html {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 16px;
  font-family: "Lato", sans-serif !important;
}

p {
  line-height: 1.3;
}

h4 {
  font-size: 1.5vw !important;
}

button {
  border: none;
  outline: none;
  background: transparent;
}

button a {
  color: inherit;
  text-decoration: none;
}

button a:hover,
button a:focus,
button a:active {
  color: inherit;
  text-decoration: none;
}

body {
  font-family: "Lato", sans-serif !important;
  font-size: 100%;
  line-height: 1.4;
  color: var(--color-white);
  background-color: var(--bg-color);
}

body::-webkit-scrollbar {
  width: 10px;
  border-radius: 1rem;
}

body::-webkit-scrollbar-track {
  background: #f1f1f1;
}

body::-webkit-scrollbar-thumb {
  background: rgb(189, 189, 189);
  border-radius: 1rem;
}

body::-webkit-scrollbar-thumb:hover {
  background: #707070;
}

.container-custom {
  width: 100%;
  min-height: 100vh;
  background-color: var(--bg-color);
  overflow-y: auto;
  overflow-x: hidden;
}

/*header*/
.header {
  width: 100%;
  height: 8.5rem;
  padding: 0 3%;
  position: fixed;
  top: 0;
  left: 0;
  background: var(--bg-color);
  z-index: 100;
}

.header__logo {
  height: 100%;
  width: 10vw;
  object-fit: contain;
}

.header_steps_to_buy {
  width: 100%;
  padding: 0 3%;
  height: 15rem;
}

/*nav*/
.navbar {
  padding: 0 !important;
  height: 100% !important;
}

.navbar-brand {
  padding: 0 !important;
  height: 100% !important;
}

.navbar-nav .nav-link {
  padding-top: 0;
  color: var(--color-primary) !important;
  font-size: 1.3rem;
  font-weight: 500;
  line-height: 1.2;
}

.navbar-nav .nav-link-active {
  font-weight: bold !important;
}

.navbar-toggler {
  padding: 0 !important;
}

.navbar-toggler-icon {
  mask: url("../img/Icon\ material-menu.svg") no-repeat center;
  -webkit-mask: url("../img/Icon\ material-menu.svg") no-repeat center;
  background-color: var(--color-primary);
}

.navbar-toggler:focus {
  text-decoration: none;
  outline: 0;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.navbar-light .navbar-toggler {
  color: transparent !important;
  border-color: transparent !important;
}

/*search*/
.search__wrapper {
  width: 100%;
  position: relative;
}

.search__wrapper .form-control {
  font-size: 0.9rem;
  color: var(--color-grey-light-4);
  padding: 0.375rem 0.5rem 0.375rem 2.5rem !important;
}

.form-steps-to-buy {
  height: 2.6rem !important;
  border-radius: 0.3rem !important;
}

.form-steps-to-buy_label-desktop {
  font-size: 0.8rem !important;
}

.form-steps-to-buy_label-mobile {
  font-size: 0.82rem !important;
}

.btn__info-cvv-desktop {
  width: 1rem;
  height: 1rem;
  cursor: pointer;
}

.cvv_popup {
  display: none;
  z-index: 0;
  -webkit-transition: all .5s ease-in-out;
  -o-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
}

.btn__info-cvv-desktop:hover+.cvv_popup {
  background-color: var(--color-primary);
  color: #fff;
  display: block !important;
  z-index: 1;
  padding: .5rem;
  font-size: .8rem;
  -webkit-box-shadow: 0 3px 3px grey;
  box-shadow: 0 3px 3px grey;
  border-radius: .2rem;
  -webkit-transition: all .5s ease-in-out;
  -o-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
}

.search__btn {
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.search__btn img {
  width: 1.4rem;
}

/*section*/
.section {
  background-color: var(--gradient-2);
  /* min-height: 34rem; */
}

.gradient-radial {
  background: -o-radial-gradient(circle,
      rgba(179, 180, 179, 1) 0%,
      rgba(131, 132, 132, 1) 37%,
      rgba(81, 83, 83, 1) 85%);
  background: -o-radial-gradient(circle, rgba(179, 180, 179, 1) 0%, rgba(131, 132, 132, 1) 37%, rgba(81, 83, 83, 1) 85%);
  background: radial-gradient(circle, rgba(179, 180, 179, 1) 0%, rgba(131, 132, 132, 1) 37%, rgba(81, 83, 83, 1) 85%);
}

.img__carro {
  width: 35vw;
  position: absolute;
  top: 5vw;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.box {
  width: 100%;
  height: 100%;
}

.box__img {
  height: 13vw;
  width: 100%;
}

.highlight {
  font-size: 7vw;
  color: var(--color-primary);
  font-weight: 900;
  letter-spacing: 6px;
}

.highlight-secondary {
  font-size: 2vw;
  font-weight: 600;
  color: white;
}

.highlight-terciary {
  font-size: 6vw;
  color: var(--color-primary);
  font-weight: 900;
}

/*utilities*/
.fs-7 {
  font-size: .7rem !important;
}

.f-300 {
  font-weight: 300 !important;
}

.f-700 {
  font-weight: 700 !important;
}

.f-heavy {
  font-weight: 900 !important;
}

.c-white {
  color: #ffffff;
}

.c-primary {
  color: var(--color-primary) !important;
}

.c-grey-light {
  color: var(--text-secondary);
}

.c-grey-medium {
  color: var(--text-tertiary);
}

.c-grey-dark {
  color: var(--text-muted-secondary);
}

.px-custom {
  padding: 0 5%;
}

.pt-custom {
  padding-top: 15%;
}

.pt-custom-medium {
  padding-top: 10%;
}

.bt-custom {
  bottom: 15% !important;
}

.hidden {
  display: none;
}

.video__home {
  width: 80%;
  height: 13rem;
}

.video__detalhe {
  width: 80%;
  min-height: 19vw;
}

.divider__primary {
  width: 100%;
  border-bottom: 1px solid var(--color-primary);
}

.border-right {
  border-right: 1px solid var(--color-primary);
}

.line-height-sm {
  line-height: 1;
}

.bg-color {
  background-color: var(--bg-color);
}

.bg__primary {
  background-color: var(--color-primary);
}

.bg__secondary {
  background-color: var(--color-grey-dark-3);
}

.bg__tertiary {
  background-color: var(--color-grey-dark-1) !important;
}

.bg__grey {
  background-color: #474b49 !important;
}

.bg__cf {
  background-image: url("../img/Grupo\ 697.png");
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 90vh;
}

.bg__acompanhe {
  background-image: url("../img/Grupo\ 705.png");
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 100vh;
}

.bg__qs {
  background-image: url("../img/Retangulo-517.png");
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 90vh;
}

.icon__small {
  width: 1rem;
}

.icon__md {
  width: 1rem;
}

.check__icon {
  width: 2rem !important;
  height: 2rem;
  border-radius: 50%;
  background-color: #06a868;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.check__icon img {
  width: 1rem;
  margin-top: 0.3rem;
}

.select-w {
  width: 20% !important;
  margin: 0 0.5rem;
  height: 3rem;
}

.w-10 {
  width: 10% !important;
}

.w-20 {
  width: 20% !important;
}

.w-30 {
  width: 30% !important;
}

.w-40 {
  width: 40% !important;
}

.w-45 {
  width: 45% !important;
}

.w-md-40 {
  width: 40% !important;
}

.w-50 {
  width: 50% !important;
}

.w-60 {
  width: 60% !important;
}

.w-70 {
  width: 70% !important;
}

.w-80 {
  width: 80% !important;
}

.w-md-80 {
  width: 80% !important;
}

.w-90 {
  width: 90% !important;
}

.heading {
  color: #fff;
  background: var(--color-primary);
  width: 18rem;
  height: 5.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-shadow: 3px 3px 6px #00000081;
  box-shadow: 3px 3px 6px #00000081;
  font-size: 1.2rem;
}

ul.square {
  list-style: square;
  color: var(--color-primary);
}

ul.square li span {
  color: #fff;
}

.fs-custom {
  font-size: 1.2rem;
}

/* .transform-custom {
  transform: translateY(6rem);
} */

.transform-side {
  -webkit-transform: translate(50%, 50%) !important;
  -ms-transform: translate(50%, 50%) !important;
  transform: translate(50%, 50%) !important;
}

.box__info {
  width: 100%;
  padding: 1rem 1rem 0 1rem;
}

.d-center-center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.d-start-center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.d-column-between-end {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.p--heading {
  font-size: 1.25rem;
}

.desktop-none {
  display: none !important;
}

.h5-custom {
  font-size: 1.25rem;
}

.faq-none {
  display: none;
}

.hidden {
  display: none !important;
}

.transform-top {
  -webkit-transform: translateY(-7vw) !important;
  -ms-transform: translateY(-7vw) !important;
  transform: translateY(-7vw) !important;
}

.transform-left {
  -webkit-transform: translateX(-16%) !important;
  -ms-transform: translateX(-16%) !important;
  transform: translateX(-16%) !important;
}

.transform-right {
  -webkit-transform: translateX(-85%) !important;
  -ms-transform: translateX(-85%) !important;
  transform: translateX(-85%) !important;
}

.transform-center {
  -webkit-transform: translate(125%, 65%) !important;
  -ms-transform: translate(125%, 65%) !important;
  transform: translate(125%, 65%) !important;
}

.transform-bottom {
  -webkit-transform: translate(50%, 100%) !important;
  -ms-transform: translate(50%, 100%) !important;
  transform: translate(50%, 100%) !important;
}

.transform-seta {
  -webkit-transform: translate(2.8rem, 95%) !important;
  -ms-transform: translate(2.8rem, 95%) !important;
  transform: translate(2.8rem, 95%) !important;
}

.img__box .img__box--qrcode {
  -webkit-transform: translate(-10px, 20px);
  -ms-transform: translate(-10px, 20px);
  transform: translate(-10px, 20px);
}

.img__box .img__box--btn {
  -webkit-transform: translate(-47px, 94px);
  -ms-transform: translate(-47px, 94px);
  transform: translate(-47px, 94px);
}

.img__open-right {
  -webkit-transform: translateX(0%) !important;
  -ms-transform: translateX(0%) !important;
  transform: translateX(0%) !important;
}

/*colors*/
.colors {
  min-width: 1rem;
  height: 1rem;
  border-radius: 50%;
  margin-right: 0.3rem;
  cursor: pointer;
  border: none;
  outline: none;
}

.card-label {
  font-size: 0.8rem;
  color: #474b4a;
  font-weight: 600;
}

.c-1 {
  background-color: #ededed;
}

.c-2 {
  background-color: #656867;
}

.c-3 {
  background-color: #282929;
}

.c-4 {
  background-color: #a81b26;
}

.c-5 {
  background-color: #033984;
}

/*buttons*/

.btn__primary {
  color: #ffffff !important;
  background: var(--color-primary) !important;
  -webkit-box-shadow: 0 2px 5px 0 rgb(0 0 0 / 26%);
  box-shadow: 0 2px 5px 0 rgb(0 0 0 / 26%);
  font-size: 100%;
  font-weight: 600;
  line-height: 1 !important;
  padding: 0.5rem !important;
  min-height: 3rem;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.btn__secondary {
  color: #ffffff !important;
  background: var(--color-grey-dark-3) !important;
  -webkit-box-shadow: 0 2px 5px 0 rgb(0 0 0 / 26%);
  box-shadow: 0 2px 5px 0 rgb(0 0 0 / 26%);
  font-size: 100%;
  font-weight: 600;
  min-height: 3rem;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.btn__success {
  background-color: var(--color-success) !important;
  color: #fff !important;
  -webkit-box-shadow: 0 2px 5px 0 rgb(0 0 0 / 26%);
  box-shadow: 0 2px 5px 0 rgb(0 0 0 / 26%);
  min-height: 3rem;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.btn__home {
  color: #ffffff !important;
  background: var(--color-primary) !important;
  -webkit-box-shadow: 0 2px 5px 0 rgb(0 0 0 / 26%);
  box-shadow: 0 2px 5px 0 rgb(0 0 0 / 26%);
}

/* .btn__lg {
  font-size: 1.5rem !important;
} */

.btn a {
  color: inherit;
  text-decoration: none;
  font-weight: 700;
}

.btn a:hover {
  color: inherit;
}

.btn:focus,
.btn:active,
.form-control:focus {
  border: 1px solid var(--color-primary) !important;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(var(--color-primary), 0.5) !important;
  box-shadow: 0 0 0 0.2rem rgba(var(--color-primary), 0.5) !important;
}

.btn__success:focus,
.btn__success:active {
  border: 1px solid var(--color-success) !important;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(var(--color-success), 0.5) !important;
  box-shadow: 0 0 0 0.2rem rgba(var(--color-success), 0.5) !important;
}

.btn__info--wrapper {
  position: absolute;
  top: 3rem;
  right: 1.1rem;
}

.btn__info-lg img {
  width: 1.1rem;
  cursor: pointer;
}

.btn__download {
  padding: 0.5rem 1rem;
  min-width: 70%;
  border: none;
  outline: none;
  border-radius: 0.25rem;
}

.btn__download span {
  color: white;
  font-size: 1rem;
  margin-left: 5%;
}

.btn__download .btn {
  padding: 0.2rem 0.75rem !important;
}

.btn__download .btn img {
  width: 1.2rem;
  margin-left: 0.3rem;
}

.btn-file input {
  display: none;
}

.bg__download--light {
  background: #656867;
}

.bg__download--dark {
  background: #474b4a;
}

.chat__wrapper {
  margin: 0 auto;
  width: 7rem;
}

.btn__chat {
  min-width: 8rem;
  position: absolute;
  height: 2.7rem;
  line-height: 1;
  padding: 0.5rem;
  font-size: 100%;
  font-weight: 600;
  text-align: center;
  color: #ffffff;
  background: var(--color-primary);
  border: 4px solid var(--color-primary);
  border-radius: 2rem;
  text-shadow: rgba(0, 0, 0, 0.1) 1px 1px 1px;
  -webkit-box-shadow: rgba(136, 65, 65, 0.1) 1px 1px 2px 0px;
  box-shadow: rgba(136, 65, 65, 0.1) 1px 1px 2px 0px;
  top: 0;
  right: -2px;
}

.btn__chat:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-width: 10px;
  border-style: solid;
  border-color: var(--color-primary) transparent transparent transparent;
  left: 45%;
  bottom: -1.5rem;
}

.btn__other {
  background: #fff;
  width: 18rem !important;
  height: 2.7rem;
  padding-left: 1rem;
  border-radius: 2rem;
  -webkit-box-shadow: 0 2px 5px 0 rgb(0 0 0 / 26%);
  box-shadow: 0 2px 5px 0 rgb(0 0 0 / 26%);
  font-weight: 900;
  color: var(--color-primary);
  -webkit-transform: translateY(-1.5rem);
  -ms-transform: translateY(-1.5rem);
  transform: translateY(-1.5rem);
  margin-left: 3rem;
  position: fixed;
  bottom: 0rem;
  right: 1.5rem;
  z-index: 10;
}

.btn__info-sm {
  width: 1rem;
  height: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.btn__info-sm img {
  width: 100%;
}

.btn__search--mobile {
  display: none;
}

.btn__search--mobile img {
  width: 1.6rem;
}

.btn__collapse {
  width: 1rem;
  -webkit-transform: rotate(180deg) translateY(-15%);
  -ms-transform: rotate(180deg) translateY(-15%);
  transform: rotate(180deg) translateY(-15%);
}

.btn__scanner input {
  display: none;
}

.select-home {
  width: 100% !important;
  height: 3rem;
}

.oferta_home {
  width: 15% !important;
}

/*footer*/
.footer {
  width: 100%;
  background-color: var(--gradient-2);
  padding: 1% 3%;
  padding-bottom: 0;
}

.footer__steps-to-buy {
  width: 100%;
  background-color: var(--color-secondary);
  padding: 3%;
}

.logo__footer {
  width: 17vw;
}

.footer__text {
  color: #ffffff;
  font-weight: 300;
}

.footer-link {
  text-decoration: none;
}

.social__link {
  color: transparent;
  margin: 0 0.4rem;
}

.social__link:hover {
  color: transparent;
}

.social__link img {
  width: 2rem;
  cursor: pointer;
}

/*status*/
.status__title,
.status__title--2 {
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 100%;
  font-weight: 400;
  z-index: 2;
}

.status__title--2 {
  font-size: 3.5vw;
  width: 66.666667% !important;
  left: 0;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}

.status__container {
  width: 100%;
}

.status__wrapper {
  width: 66.6666667%;
  height: 40vw;
}

.status__grid {
  width: 80%;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  padding-bottom: 5vw;
}

.status__text {
  font-size: 3.5vw;
  font-weight: 900;
  -webkit-transform: translateX(-30%);
  -ms-transform: translateX(-30%);
  transform: translateX(-30%);
}

.status__active {
  color: var(--color-primary);
}

.status__car {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 80%;
}

.status__car--full {
  z-index: 0;
}

.status__filter {
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  z-index: 1;
}

/*25%*/
.status__filter--1 {
  -webkit-clip-path: polygon(25% 0, 100% 0%, 100% 100%, 10% 100%);
  clip-path: polygon(25% 0, 100% 0%, 100% 100%, 10% 100%);
}

/*50%*/
.status__filter--2 {
  -webkit-clip-path: polygon(50% 0%, 100% 0%, 100% 100%, 40% 100%);
  clip-path: polygon(50% 0%, 100% 0%, 100% 100%, 40% 100%);
}

/*75%*/
.status__filter--3 {
  -webkit-clip-path: polygon(75% 0%, 100% 0%, 100% 100%, 60% 100%);
  clip-path: polygon(75% 0%, 100% 0%, 100% 100%, 60% 100%);
}

/*100%*/
.status__filter--4 {
  -webkit-clip-path: polygon(100% 0%, 100% 0%, 100% 100%, 100% 100%);
  clip-path: polygon(100% 0%, 100% 0%, 100% 100%, 100% 100%);
}

.status__legend--box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 80%;
  padding: 0.5rem 1rem;
  border-bottom: 1px solid var(--text-muted-secondary);
}

.status__legend {
  font-size: 1rem;
  line-height: 1.3;
  color: #828483;
}

.status__active~.status__legend {
  color: #ffffff;
}

.status__filter--1~.status__grid>.status--1,
.status__filter--2~.status__grid>.status--1,
.status__filter--2~.status__grid>.status--2,
.status__filter--3~.status__grid>.status--1,
.status__filter--3~.status__grid>.status--2,
.status__filter--3~.status__grid>.status--3,
.status__filter--4~.status__grid>.status--1,
.status__filter--4~.status__grid>.status--2,
.status__filter--4~.status__grid>.status--3,
.status__filter--4~.status__grid>.status--4 {
  color: var(--color-primary) !important;
}

.side__title {
  font-size: 3vw;
  padding-top: 1vw;
}

.side__img {
  width: 27vw;
  -webkit-transform: translate(9vw, 3vw);
  -ms-transform: translate(9vw, 3vw);
  transform: translate(9vw, 3vw);
}

/*steps*/
.steps__resume--wrapper {
  width: 100%;
}

.steps__resume--icon {
  width: 3.5vw;
}

.steps__resume--icon-sm {
  width: 2.5vw;
}

.steps__resume--heading {
  font-size: 1vw;
}

.steps__resume--box {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 0px;
  flex: 1 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  max-height: 4.5rem;
  margin-right: 0.3rem;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
}

.steps__resume--btn {
  /* width: 23%; */
  min-width: 100%;
  /* min-height: 4rem; */
  height: 100%;
  background-color: var(--color-primary);
  font-size: 2rem;
  font-weight: 700;
  color: white;
  cursor: pointer;
  /* min-width: 23%; */
  /* flex: 1 0 0;
  margin-right: .25rem; */
}

.steps__details {
  min-width: 0;
  background-color: #fff;
  color: #000;
  font-size: 0.7rem;
  line-height: 1;
  padding: 0.3rem;
}

.steps__resume--box:hover {
  -webkit-box-flex: 10;
  -ms-flex: 10 0 0px;
  flex: 10 0 0;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.steps__resume--box:hover .steps__resume--btn {
  min-width: 10%;
}

.steps__resume--box:hover .steps__details {
  min-width: 90%;
}

.steps__num {
  font-size: 7vw;
  color: white;
  height: 7vw;
  font-weight: 900;
}

.steps__num img {
  margin-left: 1rem;
}

.steps__icon--1 {
  width: 3.5vw;
  margin-top: 0.4rem;
}

.steps__icon--2 {
  width: 3.8vw;
  margin-top: 2.2vw;
}

.steps__icon--3 {
  width: 5.5vw;
  margin-top: 1.2vw;
}

.steps__icon--4 {
  width: 5.7vw;
  margin-top: 1.5vw;
}

.steps__heading {
  min-height: 3rem;
}

.steps__details {
  background: #fff;
  font-size: 0.9rem;
  line-height: 1rem;
  color: inherit;
  width: 0;
  height: 100%;
  padding: 0;
  overflow: hidden;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.steps__details--active {
  width: auto;
  padding: 0.5rem;
  overflow: auto;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.steps__collapse--wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.steps__collapse--btn {
  min-height: 4.6rem;
  background-color: var(--color-primary);
  font-size: 2rem;
  font-weight: 700;
  color: white;
  cursor: pointer;
  min-width: 4.5rem;
}

.steps__collapse--btn:not(:last-child) {
  margin-right: 0.2rem;
}

.steps__collapse--box {
  max-width: 4.5rem;
  overflow: hidden;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.steps__collapse--title {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.steps__active {
  max-width: 100% !important;
}

/*animations*/
.animated__slideRight {
  -webkit-animation-name: slideRight;
  animation-name: slideRight;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

@-webkit-keyframes slideRight {
  0% {
    -webkit-transform: translate(-200%, -50%);
    transform: translate(-200%, -50%);
  }

  100% {
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
}

@keyframes slideRight {
  0% {
    -webkit-transform: translate(-200%, -50%);
    transform: translate(-200%, -50%);
  }

  100% {
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
}

.animated__slideUp {
  -webkit-animation-name: slideUp;
  animation-name: slideUp;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

@-webkit-keyframes slideUp {
  0% {
    -webkit-transform: translate(9vw, 93%);
    transform: translate(9vw, 93%);
  }

  100% {
    -webkit-transform: translate(9vw, 3vw);
    transform: translate(9vw, 3vw);
  }
}

@keyframes slideUp {
  0% {
    -webkit-transform: translate(9vw, 93%);
    transform: translate(9vw, 93%);
  }

  100% {
    -webkit-transform: translate(9vw, 3vw);
    transform: translate(9vw, 3vw);
  }
}

.slide-left {
  -webkit-animation: slide-left 1s ease-in-out infinite;
  animation: slide-left 1s ease-in-out infinite;
}

@-webkit-keyframes slide-left {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px);
  }
}

@keyframes slide-left {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px);
  }
}

.slide-right {
  -webkit-animation: slide-right 2s ease-in-out infinite;
  animation: slide-right 2s ease-in-out infinite;
}

@-webkit-keyframes slide-right {
  0% {
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }

  100% {
    -webkit-transform: translateX(-.5rem);
    transform: translateX(-.5rem);
  }
}

@keyframes slide-right {
  0% {
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }

  100% {
    -webkit-transform: translateX(-.5rem);
    transform: translateX(-.5rem);
  }
}

.slide-right-seta {
  -webkit-animation: slide-right-seta 2s ease-in-out infinite;
  animation: slide-right-seta 2s ease-in-out infinite;
}

@-webkit-keyframes slide-right-seta {
  0% {
    -webkit-transform: translateX(-85%) translateY(-7vw);
    transform: translateX(-85%) translateY(-7vw);
  }

  100% {
    -webkit-transform: translateX(5%) translateY(-7vw);
    transform: translateX(5%) translateY(-7vw);
  }
}

@keyframes slide-right-seta {
  0% {
    -webkit-transform: translateX(-85%) translateY(-7vw);
    transform: translateX(-85%) translateY(-7vw);
  }

  100% {
    -webkit-transform: translateX(5%) translateY(-7vw);
    transform: translateX(5%) translateY(-7vw);
  }
}

.front {
  z-index: 10;
  background: var(--gradient-2);
  border-radius: 7px;
  -webkit-animation: open 2s ease-in-out infinite;
  animation: open 2s ease-in-out infinite;
}

@-webkit-keyframes open {
  10% {
    -webkit-transform: translateX(0) rotateY(0);
    transform: translateX(0) rotateY(0);
  }

  100% {
    -webkit-transform: translateX(-90%) rotateY(-180deg);
    transform: translateX(-90%) rotateY(-180deg);
  }
}

@keyframes open {
  10% {
    -webkit-transform: translateX(0) rotateY(0);
    transform: translateX(0) rotateY(0);
  }

  100% {
    -webkit-transform: translateX(-90%) rotateY(-180deg);
    transform: translateX(-90%) rotateY(-180deg);
  }
}

.slide-top {
  -webkit-animation: slide-top 1.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both infinite;
  animation: slide-top 1.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both infinite;
}

@-webkit-keyframes slide-top {
  0% {
    -webkit-transform: translateY(1rem);
    transform: translateY(1rem);
  }

  100% {
    -webkit-transform: translateY(-1rem);
    transform: translateY(-1rem);
  }
}

@keyframes slide-top {
  0% {
    -webkit-transform: translateY(1rem);
    transform: translateY(1rem);
  }

  100% {
    -webkit-transform: translateY(-1rem);
    transform: translateY(-1rem);
  }
}

.slide-bottom {
  -webkit-animation: slide-bottom 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both infinite;
  animation: slide-bottom 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both infinite;
}

@-webkit-keyframes slide-bottom {
  0% {
    -webkit-transform: translateX(2.8rem) translateY(0);
    transform: translateX(2.8rem) translateY(0);
  }

  100% {
    -webkit-transform: translateX(2.8rem) translateY(95%);
    transform: translateX(2.8rem) translateY(95%);
  }
}

@keyframes slide-bottom {
  0% {
    -webkit-transform: translateX(2.8rem) translateY(0);
    transform: translateX(2.8rem) translateY(0);
  }

  100% {
    -webkit-transform: translateX(2.8rem) translateY(95%);
    transform: translateX(2.8rem) translateY(95%);
  }
}

/*carousel*/
.carousel-control-next,
.carousel-control-prev {
  width: 3rem !important;
}

.carousel-control-next-icon,
.carousel-control-prev-icon {
  width: 1.5rem !important;
  height: 1.5rem !important;
  background: var(--color-primary);
  color: #fff;
  border-radius: 50%;
  background-size: 50% 100% !important;
}

.carousel-control-next-icon {
  background-position: 60% !important;
}

.carousel-img {
  width: 70%;
  margin: 0 auto;
}

.carousel-card .carousel-img {
  width: 100%;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.carousel-card .carousel-img img {
  max-height: 10vw;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

/*bootstrap override*/
.btn {
  line-height: 1.2 !important;
  font-weight: 700;
}

.form-select {
  background: url("../img/Caminho\ 543.svg") no-repeat right #fff !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  color: #a09b9b !important;
  background-position-x: 96% !important;
  background-size: 1rem !important;
}

.bg__light {
  background: url("../img/Caminho\ 543.svg") no-repeat right #eaeaea !important;
  background-position-x: 96% !important;
  background-size: 1rem !important;
}

.form-select:focus {
  border-color: var(--color-primary) !important;
  outline: 0;
  -webkit-box-shadow: 0 0 0 0.25rem rgba(var(--color-primary), 0.25) !important;
  box-shadow: 0 0 0 0.25rem rgba(var(--color-primary), 0.25) !important;
}

.custom-radio .custom-control-input:checked~.custom-control-label::after {
  background-image: url("img/circle.svg") !important;
}

.radio {
  width: 1.3em !important;
  height: 1.3em !important;
}

.form-check-input:checked {
  background-color: var(--color-primary) !important;
  border-color: var(--color-primary) !important;
}

.form-check-input:focus {
  border-color: var(--color-primary) !important;
  outline: 0;
  -webkit-box-shadow: 0 0 0 0.25rem rgb(220 70 51 / 25%) !important;
  box-shadow: 0 0 0 0.25rem rgb(220 70 51 / 25%) !important;
}

.page-link {
  position: relative;
  display: block;
  color: white !important;
  text-decoration: none;
  background-color: var(--color-primary) !important;
  border: none !important;
  -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,
    -webkit-box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,
    -webkit-box-shadow 0.15s ease-in-out;
  -o-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  margin-right: 0.4rem;
}

.page-link:focus {
  z-index: 3;
  color: white !important;
  background-color: #e9ecef;
  outline: 0;
  -webkit-box-shadow: 0 0 0 0.25rem rgb(220 70 51 / 25%) !important;
  box-shadow: 0 0 0 0.25rem rgb(220 70 51 / 25%) !important;
}

.page-item.active .page-link {
  z-index: 1;
  color: #fff;
  background-color: #646c64 !important;
  border-color: #646c64 !important;
}

.badge-primary {
  background-color: var(--color-primary);
  color: #fff;
}

.badge-absolute {
  position: absolute;
  left: 2rem;
  top: -1rem;
  text-transform: uppercase;
  min-width: 10rem;
  font-size: 1.3rem !important;
  font-weight: 400 !important;
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
  color: #fff;
  background-color: var(--color-primary) !important;
  border-radius: 10px;
  font-size: 1rem;
  font-weight: 300;
}

.nav-pills .nav-link {
  border-radius: 10px !important;
  background: #292f2d !important;
  color: #fff;
  font-size: 1rem;
  font-weight: 300;
  margin-right: 0.3rem;
}

.nav__slide {
  max-width: 100% !important;
  width: auto !important;
  overflow: auto;
  -ms-flex-wrap: nowrap !important;
  flex-wrap: nowrap !important;
}

.nav__slide .nav-link:focus,
.nav-link:hover {
  color: var(--color-grey-dark-2) !important;
}

.nav__slide::-webkit-scrollbar {
  width: 0;
  height: 0;
  background: transparent;
}

.progress {
  background-color: var(--color-grey-dark-1) !important;
  border-radius: 2rem !important;
}

.progress-bar {
  background-color: var(--color-primary) !important;
}

.progress__line {
  width: 25%;
  height: 0.8rem;
}

.progress__line:not(:last-child) {
  border-right: 2px solid var(--color-primary);
}

/*card*/
.card {
  border-radius: 10px !important;
  -webkit-box-shadow: 3px 3px 6px #00000081;
  box-shadow: 3px 3px 6px #00000081;
  position: relative !important;
}

.card-title {
  font-weight: 600 !important;
}

.card-subtitle {
  color: #828483;
}

.card__price {
  color: var(--color-grey-dark-1);
  font-weight: 700;
}

/*forms*/
.checkbox__custom--rounded {
  position: relative;
  padding-right: 2rem;
  cursor: pointer;
}

.checkbox__custom--label {
  position: absolute;
  top: 50%;
  right: 0;
  height: 1.1rem;
  width: 1.1rem;
  background-color: #e4e4e4;
  -webkit-box-shadow: 0 0 3px #888585;
  box-shadow: 0 0 3px #888585;
  border-radius: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.checkbox__custom--label::after {
  content: "";
  position: absolute;
  display: none;
  top: 50%;
  left: 50%;
  width: 0.6rem;
  height: 0.6rem;
  border-radius: 50%;
  background: var(--color-primary);
  width: 70%;
  height: 70%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.checkbox__custom--rounded .checkbox__custom--input {
  display: none;
}

.checkbox__custom--rounded .checkbox__custom--input:checked~.checkbox__custom--label {
  background-color: #e4e4e4;
}

.checkbox__custom--rounded .checkbox__custom--input:checked~.checkbox__custom--label::after {
  display: block;
}

.select__label {
  font-size: 1.5rem;
}

.form-select-outline {
  border: 1px solid var(--color-primary) !important;
  color: #fff !important;
  background: url("../img/Caminho\ 543.svg") no-repeat right transparent !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  background-position-x: 96% !important;
  background-size: 1rem !important;
}

.form__item {
  width: 100%;
}

.form__input {
  background: transparent;
  border: none;
  outline: none;
  border-bottom: 2px solid var(--color-primary);
  width: 100%;
  padding: 0.5rem 0;
  color: #fff;
  font-size: 1rem;
  font-weight: 300;
  text-align: center;
}

.form__input::-webkit-input-placeholder {
  color: #fff;
  font-size: 1rem;
  font-weight: 300;
  text-align: left;
}

.form__input::-moz-placeholder {
  color: #fff;
  font-size: 1rem;
  font-weight: 300;
  text-align: left;
}

.form__input:-ms-input-placeholder {
  color: #fff;
  font-size: 1rem;
  font-weight: 300;
  text-align: left;
}

.form__input::-ms-input-placeholder {
  color: #fff;
  font-size: 1rem;
  font-weight: 300;
  text-align: left;
}

.form__input::placeholder {
  color: #fff;
  font-size: 1rem;
  font-weight: 300;
  text-align: left;
}

/*accordion*/
.accordion__wrapper {
  width: 100%;
}

.accordion__header {
  height: 4rem;
  background: var(--color-grey-dark-3);
  padding: 1rem;
  cursor: pointer;
}

.accordion__header img {
  width: 1rem;
}

.accordion__body {
  width: 100%;
  padding: 1rem;
  background-color: #fff;
  -webkit-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}

.accordion__body p {
  color: #000;
  font-size: 1.1rem;
  font-weight: 300;
}

.accordion__hidden {
  height: 0;
  opacity: 0;
  padding: 0;
  overflow: hidden;
  -webkit-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}

/*comparação versus*/
.versus__wrapper {
  width: 100%;
  position: relative;
}

.versus__x img {
  width: 80%;
}

.versus__box {
  position: absolute;
  top: 3rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

img.versus__one {
  margin-left: 3rem;
}

img.versus__one,
img.versus__two {
  max-height: 13rem;
}

/*table*/
.table__wrapper {
  width: 100%;
}

.table__header {
  width: 100%;
  background-color: var(--color-primary);
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 10px 10px 0 0;
  min-height: 2.5rem;
}

.table__header--item {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 0px;
  flex: 1 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 1.1rem;
  color: inherit;
}

.table__body {
  width: 100%;
  background-color: #fff;
  border-radius: 0 0 10px 10px;
}

.table__row {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: var(--color-grey-dark-3);
  padding: 0.5rem 0;
}

.table__row--item {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 0px;
  flex: 1 0 0;
  font-size: 1.2rem;
  color: inherit;
  line-height: 1.1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0.5rem;
}

.table__row--item:not(:last-child) {
  border-right: 1px solid var(--color-primary);
}

.table__row--item span {
  width: 55%;
  display: block;
  text-align: center;
}

/*scroll*/

.scroll-sm::-webkit-scrollbar {
  width: 3px;
}

.scroll-sm::-webkit-scrollbar-track {
  background: rgb(173, 173, 173);
}

.scroll-sm::-webkit-scrollbar-thumb {
  background: var(--color-primary);
}

.scroll-sm::-webkit-scrollbar-thumb:hover {
  background: #555;
}

.slide-tutorial {
  width: 100% !important;
  min-height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.tutorial__img {
  width: 100%;
  min-height: 40vw;
  position: relative;
}

.tutorial__img img {
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}

.mobile-line {
  display: none;
  position: absolute;
  top: 0;
  left: 1rem;
  z-index: 10;
  height: 70vw;
  border-left: 1px solid var(--color-primary);
}

.note-none {
  display: none;
}

.toaster {
  width: 90%;
  padding: 2rem 1rem;
  -webkit-box-shadow: 3px 3px 6px #00000046;
  box-shadow: 3px 3px 6px #00000046;
  position: fixed;
  background-color: rgba(71, 75, 73, 0.9);
  z-index: 100;
}

.toaster__bottom {
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

.qrcode__wrapper {
  width: 90%;
  margin: 0 auto;
  border-radius: 18px;
  /* background: var( --color-grey-dark-3); */
  min-height: 45vh;
}

.qrcode__img--default {
  width: 60vw;
}

img.qrcode__img--user {
  width: 100%;
}

.link__primary:hover,
.link__primary:active,
.link__primary:focus {
  color: var(--color-primary);
}

/*scanear iamgem*/
video#player,
video#playerProva,
.video__card {
  width: 90vw;
  height: 80vw;
  margin: 0 auto;
  /* transform: translateX(56%); */
  /* border-radius: 18px; */
}

.card_contrato {
  background-color: #fff;
  border: 1px;
  border-radius: .45rem;
  border-style: dashed;
  width: 5in;
  height: 3in;
}

.contrato__box {
  width: 100%;
  max-height: 80vw;
  overflow: auto;
}

.contrato__box::-webkit-scrollbar {
  width: 3px;
  height: 3px;
}

.contrato__box::-webkit-scrollbar-track {
  background: var(--color-grey-dark-3);
}

.contrato__box::-webkit-scrollbar-thumb {
  background: var(--color-primary);
}

.contrato__box::-webkit-scrollbar-thumb:hover {
  background: #555;
}

.carteira__img {
  width: 70%;
}

.credit__img {
  width: 70%;
  margin: 2rem auto;
}

.credit__okay {
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transform: translate(.5rem, -.5rem);
  -ms-transform: translate(.5rem, -.5rem);
  transform: translate(.5rem, -.5rem);
  z-index: 100;
}

.progress-card-desktop {
  height: 90%;
  background-color: #474b4a !important;
}

.progress-card-desktop-active {
  height: 90%;
  background-color: var(--color-primary) !important;
  color: #fff;
}

.card_desktop_rolagem {
  max-height: 500px;
  overflow-y: auto;
}

.card_desktop_rolagem p {
  line-height: 1.6;
  margin-bottom: 12px !important;

}

.card_desktop_rolagem::-webkit-scrollbar {
  width: 5px;
}

.card_desktop_rolagem::-webkit-scrollbar-track {
  border-radius: 10px;
  background: #d3cdcd;
  height: 10px;
}


.card_desktop_rolagem::-webkit-scrollbar-thumb {
  background-color: var(--color-primary);
  border-radius: 20px;
}

.card_desktop_rolagem_contrato {
  max-height: 285px;
  overflow-y: auto;
}

.card_desktop_rolagem_contrato::-webkit-scrollbar {
  width: 5px;
}

.card_desktop_rolagem_contrato::-webkit-scrollbar-track {
  border-radius: 10px;
  background: #d3cdcd;
  height: 10px;
}


.card_desktop_rolagem_contrato::-webkit-scrollbar-thumb {
  background-color: var(--color-primary);
  border-radius: 20px;
}




.celular_img_desktop {
  background-image: url(../img/Imagem\ 15.png);
  background-repeat: no-repeat;
  background-size: contain;
  margin-top: -100px;
  height: 7in;
  width: 3.4in;
}

.celular_img_desktop_2 {
  background-image: url(../img/Retângulo\ 544.png);
  background-repeat: no-repeat;
  background-size: contain;
  margin-top: -100px;
  height: 8in;
  width: 3.4in;
}

.credit_card_img_desktop {
  background-image: url(../img/Grupo\ 755.svg);
  background-repeat: no-repeat;
  background-size: contain;
  width: 2in;
}

.credit_card_img_mobile {
  background-image: url(../img/Grupo\ 755.svg);
  background-repeat: no-repeat;
  background-size: contain;
  width: 100vmax;
}

.card_qr_code {
  background-color: #fff;
  border-radius: 0.15rem;
  width: 1.7in;
  height: 1.7in;
}

.card_file_input {
  background-color: #656867;
  height: 3.5in !important;
  border-radius: 0.75rem !important;
  border-style: dashed;
  border-color: #292f2d;
  border-width: 0.1rem !important;
}

.card_file_input_2 {
  background-color: #656867;
  background-image: url(../img/Grupo\ 738.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  height: 3.5in !important;
  border-radius: 0.75rem !important;
  border-style: dashed;
  border-color: #292f2d;
  border-width: 0.1rem !important;
}

.card_contrato {
  background-color: #fff;
  border: 1px;
  border-radius: 0.45rem;
  border-style: dashed;
  width: 5in;
  height: 3in;
}

.btn__upload {
  background-color: var(--color-primary);
  color: #fff;
  text-align: center;
  font-weight: 400;
  line-height: 1.3;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 1px solid transparent;
  min-height: 3rem;
  font-size: 1rem;
  border-radius: 0.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;

  cursor: pointer;
}

.btn__upload input {
  display: none;
  cursor: pointer;
}

.bg__white {
  background-color: #fff;
}

.img__small {
  width: 1.5rem;
}

#cron {
  width: 100%;
  position: absolute;
  height: 200vh;
  min-height: 600px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  z-index: 99999;
}

#cron.hide {
  display: none !important;
}

#cron img {
  width: 75px;
  opacity: 0.4
}

/* media queries*/
@media (max-width: 1025px) {

  body::-webkit-scrollbar,
  .container-custom::-webkit-scrollbar {
    width: 0;
    height: 0;
  }

  .h4,
  h4 {
    font-size: calc(1rem) !important;
  }

  .navbar-nav .nav-link {
    margin-bottom: 1rem;
  }

  .search-desktop {
    width: 100% !important;
    margin: 1rem 0;
  }

  .p-md-mobile {
    padding-top: 5rem;
  }

  .p--heading {
    font-size: 1rem;
    display: inline;
    width: auto !important;
    margin: 0 0.3rem;
  }

  .status__grid {
    padding-bottom: 1vw;
  }

  .p-mobile {
    padding-top: 10rem;
  }

  /* .side__img {
      width: 70vw;
      -webkit-transform: translate(21vw, 3vw);
          -ms-transform: translate(21vw, 3vw);
              transform: translate(21vw, 3vw);
  } */

  .logo__footer {
    width: 70vw;
    padding: 1rem;
  }

  .chat__wrapper {
    -webkit-transform: translateY(-1rem);
    -ms-transform: translateY(-1rem);
    transform: translateY(-1rem);
  }

  .footer {
    padding-bottom: 6rem;
  }

  .ctn-mobile {
    width: 100% !important;
  }

  @-webkit-keyframes slideUp {
    0% {
      -webkit-transform: translate(21vw, 93%);
      transform: translate(21vw, 93%);
    }

    100% {
      -webkit-transform: translate(21vw, 3vw);
      transform: translate(21vw, 3vw);
    }
  }

  @keyframes slideUp {
    0% {
      -webkit-transform: translate(21vw, 93%);
      transform: translate(21vw, 93%);
    }

    100% {
      -webkit-transform: translate(21vw, 3vw);
      transform: translate(21vw, 3vw);
    }
  }

  .highlight {
    font-size: 13vw;
    margin-bottom: 2rem;
  }

  .highlight-secondary {
    font-size: 5vw;
    margin-top: 2rem;
  }

  .highlight-terciary {
    font-size: 10vw;
    margin-bottom: 10vw;
  }

  .img__carro {
    width: 90%;
  }

  .w-mobile {
    width: auto !important;
  }

  .bg-mobile-none {
    background: initial !important;
  }

  img.mobile-img {
    width: 100%;
  }

  .carousel-img {
    width: 90%;
  }

  .h3,
  h3 {
    font-size: calc(5.3vw + 0.6vw) !important;
  }

  .justify-content-between-md {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .oferta_home {
    width: 30% !important;
    font-size: .8rem !important;
  }

  .select-home {
    padding: 0.375rem 1.5rem 0.375rem 0.55rem !important;
    font-size: 3vw !important;
  }

  .icon__small {
    width: 0.5rem;
  }

  .chat__wrapper {
    margin-top: 2.5rem;
  }

  .video__detalhe {
    width: 90%;
  }

  .box__text.w-50 {
    width: 100% !important;
  }

  .select__label {
    font-size: 1rem;
  }

  .txt-center-mobile {
    text-align: center;
  }

  .md-between {
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }

  .select-w {
    width: 32% !important;
    margin: 0;
    padding: 0 1rem 0 .5rem !important;
  }

  .select-w option {
    font-size: .8rem;
  }

  .h5-custom,
  .fs-custom {
    font-size: 1rem !important;
    line-height: 1;
  }

  .fs-custom {
    line-height: 1.2;
  }

  .bg__cf {
    background-position-x: 60%;
  }

  .bg__qs {
    background-size: 150vh;
    background-position-x: 50%;
  }

  .bg__acompanhe {
    min-height: 75vh;
    background-position-x: 47%;
  }

  .mobile-center {
    text-align: center;
  }

  .progress-card-desktop,
  .progress-card-desktop-active {
    height: 100%;
  }

  .progress-card-desktop.card-body,
  .progress-card-desktop-active.card-body {
    padding: 1rem .5rem;
  }

  .progress-card-desktop .card-body p,
  .progress-card-desktop .card-body span,
  .progress-card-desktop-active span {
    font-size: .7rem;
    margin-bottom: 0;
  }

  .form-floating>label {
    font-size: .7rem;
  }


}

@media (max-width: 768px) {
  .side__img {
    width: 65vw;
  }

  .card_contrato {
    width: 100%;
    height: 40vw;
    border-radius: 2rem;
  }
}

@media (max-width: 1280px) {
  .header__logo {
    width: 35vw;
  }

  .header {
    width: 100%;
    min-height: 5rem;
    height: auto;
  }

  .image-oval-shape {
    width: 20%;
  }

  .navbar-collapse {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    background: var(--bg-color);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    top: 3rem;
    right: 0;
    z-index: 100;
    padding: 1rem;
    -webkit-box-shadow: 3px 3px 6px #00000046;
    box-shadow: 3px 3px 6px #00000046;
  }

  .btn__search--mobile {
    display: initial;
  }

  .section-mobile {
    height: 70vw;
  }

  /* .mobile-none {
    display: none !important;
  } */

  /* .desktop-none {
    display: initial !important;
  } */

  .steps__num {
    font-size: 20vw;
    height: 15vw;
  }

  .steps__icon--1 {
    width: 10vw;
    margin-top: 0;
  }

  .steps__icon--2 {
    width: 12vw;
    margin-top: 4vw;
  }

  .steps__icon--3 {
    width: 20vw;
    margin-top: 0;
  }

  .steps__icon--4 {
    width: 20vw;
    margin-top: 1.5vw;
  }

  .steps__card {
    background: #474b4a;
    border-radius: 19px;
    -webkit-box-shadow: 3px 3px 6px #00000081;
    box-shadow: 3px 3px 6px #00000081;
  }

  .steps__card p {
    font-weight: 300 !important;
  }

  .steps__collapse--wrapper {
    display: none;
  }

  .order-1-md {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }

  .order-2-md {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }

  .order-3-md {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
  }

  .carousel-card .carousel-img a img {
    max-height: 25vw;
  }

  .card__price {
    font-size: 7vw !important;
  }

  .card {
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
  }

  .card-collapsed {
    height: 0;
    overflow: hidden;
    border: 0 !important;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
  }

  .w-md-40,
  .w-md-80 {
    width: 100% !important;
  }

  .pt-lg-custom {
    padding-top: 20vw;
  }

  .transform-custom {
    -webkit-transform: translateY(15vw);
    -ms-transform: translateY(15vw);
    transform: translateY(15vw);
  }

  .mobile-line {
    display: block;
    height: 34vw;
    top: 4vw;
  }

  .faq-none {
    display: block;
  }

  .bg__mobile {
    background-color: var(--bg-color) !important;
  }

  .center-mobile {
    text-align: center;
  }

  .video__home {
    width: 90%;
    height: 13rem;
  }

  .bg__section-mobile {
    background: url("../img/fundo.svg") !important;
  }

  .status__wrapper {
    height: 80vw;
    width: 100%;
  }

  .status__grid {
    padding-bottom: 8vw !important;
  }

  .status__text {
    font-size: 9vw;
  }

  .status__title,
  .status__title--2 {
    padding-top: 1rem;
    font-size: 5vw;
  }

  .status__container {
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .tablet-none {
    display: none;
  }

  .status__title--2 {
    font-size: 6vw;
    width: 100% !important;
  }

  .side__title {
    font-size: 6vw;
  }

}

@media (min-width: 480px) and (max-width: 767px) {
  .transform-custom {
    -webkit-transform: translateY(50vw);
    -ms-transform: translateY(50vw);
    transform: translateY(50vw);
  }

  .pt-lg-custom {
    padding-top: 40vw;
  }

  .mobile-line {
    height: 60vw;
    top: -80%;
  }

  .tutorial__img {
    min-height: 25vw;
  }
}

@media (min-width: 767px) and (max-width: 1023px) {
  .mobile-line {
    height: 30vw;
    top: -73%;
  }

  .transform-custom {
    -webkit-transform: translateY(24vw);
    -ms-transform: translateY(24vw);
    transform: translateY(24vw);
  }

  .pt-lg-custom {
    padding-top: 8vw;
  }

  .video__home {
    width: 90%;
    height: 20rem;
  }

  .transform-custom-secondary {
    -webkit-transform: translateY(10vw);
    -ms-transform: translateY(10vw);
    transform: translateY(10vw);
  }

  .bg__qs {
    background-size: 100vh;
    background-position-x: 50%;
    min-height: auto;
  }

  .mobile-line-secondary {
    height: 15vw !important;
    top: -23% !important;
  }
}

@media (min-width: 539px) and (max-width: 1023px) {
  .header {
    width: 100%;
    padding: 3%;
    height: 13rem;
    height: 6rem;
  }

  .p-md-mobile {
    padding-top: 8rem;
  }

  .highlight {
    margin-bottom: 4.3rem;
  }

  .highlight-secondary {
    margin-top: 3.5rem;
  }

  .h3,
  h3 {
    font-size: calc(3.3vw + 0.6vw) !important;
  }

  .oferta_home {
    width: 50% !important;
  }

  .mobile-line {
    height: 55vw;
    top: -70%;
  }

  .logo__footer {
    width: 35vw;
  }

  .card__price {
    font-size: 2rem !important;
  }

  .header__logo {
    width: 15vw;
  }

  .carousel-card .carousel-img a img {
    max-height: 15vw;
  }

  .steps__num {
    font-size: 10vw;
    height: 8vw;
  }

  .steps__icon--1 {
    width: 5.5vw;
    margin-top: 0;
  }

  .steps__icon--2 {
    width: 7vw;
    margin-top: 2vw;
  }

  .steps__icon--3 {
    width: 9vw;
    margin-top: 0;
  }

  .steps__icon--4 {
    width: 9vw;
    margin-top: 1.5vw;
  }

  .section-mobile {
    height: 60vw;
  }

  .card_contrato {
    width: 100%;
    height: 45vw;
    border-radius: 2rem;
  }

  .tutorial__img {
    min-height: 10vw;
  }

  .carteira__img {
    width: 35%;
  }
}

@media (min-width: 1024px) and (max-width: 1200px) {
  .navbar-expand-lg .navbar-nav {
    width: 65vw !important;
  }

  .logo__footer {
    width: 25vw;
  }

  .social__link img {
    width: 1.9rem;
  }

  .steps__num {
    font-size: 10vw;
    height: 8vw;
  }

  .steps__icon--1 {
    width: 10vw;
    margin-top: 0;
  }

  .steps__icon--2 {
    width: 7vw;
    margin-top: 2vw;
  }

  .steps__icon--3 {
    width: 9vw;
    margin-top: 0;
  }

  .steps__icon--4 {
    width: 9vw;
    margin-top: 1.5vw;
  }

  .note-none {
    display: initial;
  }

  .h3,
  h3 {
    font-size: calc(1rem + 0.6vw) !important;
  }

  .select-home {
    font-size: 0.5rem !important;
  }

  .oferta_home {
    width: 15% !important;
  }

  .carousel-card .carousel-img a img {
    max-height: 7vw;
  }

  .select-w:not(:last-child) {
    margin-right: 0.5rem;
  }

  .section-mobile {
    height: auto;
  }

  .highlight {
    font-size: 9vw;
    margin-bottom: 2rem;
  }

  .highlight-secondary {
    font-size: 3vw;
    margin-top: 3rem;
  }

  .status__title,
  .status__title--2 {
    padding-top: 3rem;
    font-size: 2vw;
    left: 35%;
  }

  .px-none-mobile {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
}

@media (max-width: 1200px) {
  .scroll-sm {
    max-height: 15rem;
    overflow: auto;
  }

  .status__legend--box {
    width: 90%;
  }

  .btn__download {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border-radius: 10px;
    padding-bottom: 1rem;
  }
}

.card_desktop_rolagem_contrato>p {
  text-align: justify;
}

#contrato {
  display: none;
}

#text-modal {
  text-align: justify;
}

#pre_name,
#pre_cpf,
#pre_cep,
#pre_phone,
#pre_email,
#o_name,
#o_cpf,
#o_cep,
#o_phone,
#o_email,
#principal-cliente,
#telefone-cliente,
#r-principal-cliente,
#r-telefone-cliente,
#telefone-fornecedor,
#r-telefone-fornecedor,
#razao-social,
#cnpj-pessoa-juridica,
#telefone-pessoa-juridica,
#numero-pessoa-juridica,
#cep-pessoa-juridica,
#endereco-pessoa-juridica,
#bairro-pessoa-juridica,
#cidade-pessoa-juridica,
#estado-pessoa-juridica,
#filiais,
#funcionarios,
#socio,
#telefone-frota,
#principal-fornecedor,
#r-principal-fornecedor,
#telefone-bancario,
#cnpj,
#j_cep,
#banco,
#agencia,
#telefone,
#conta,
#gerente,
#cliente-desde,
#frota-propria,
#qual-locadora,
#utilizacao,
#cartao-cnpj,
#contrato-social,
#patrimonio,
#name,
#cpf,
#nascimento,
#rg,
#local,
#emissao,
#emissor,
#telefone,
#phone,
#email,
#confirmeEmail,
#cep,
#numero,
#endereco,
#complemento,
#bairro,
#pais,
#estado,
#cidade,
#model-select,
#model-select2,
#comprovante,
#botao,
#atividade-empresa,
#tempo-atividade,
#principal-produto,
#principal-socio,
#res-frota,
#email-frota,
#cargo,
#site,
#comprovante-faturamento,
#comprovante-dre {
  height: 2.5em;
  color: #000;
}

.obrigatorio {
  color: var(color-primary);
  font-weight: bold;
}

.form-select option:checked {
  color: #222 !important;
  z-index: 999;
}

.image-oval-shape {
  display: block;
  z-index: 500;
  position: absolute;
  opacity: 0.8;
  width: 50%;
}

.image-oval-shape.hide-shape {
  display: none
}

#pesquisaDesktop {
  display: none !important;
}

main-header {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  background: var(--bg-color);
  z-index: 9999;
}

.main {
  padding-top: 112px;
}

.navbar-collapse {
  width: 100%;
}

#navbardesktop {
  justify-content: flex-end !important;
  width: 100%;
}

.nav-item {
  width: auto !important;
  max-width: auto !important;
}


@media only screen and (min-width: 598px) {
  .desktopFooter {
    display: flex !important;
  }

  .mobileFooter {
    display: none !important;
  }
}

@media only screen and (max-width: 591.8px) {
  .desktopFooter {
    display: none !important;
  }

  .mobileFooter {
    display: flex !important;
    flex-direction: column;
    text-align: center;
    justify-content: center;
    margin-top: 6vh !important;
  }

  .mobileFooter .footer-link {
    margin-bottom: 5vh;
  }

  .passostitulo {
    display: none;
  }

  .tabelacomparativo img {
    width: 100%;
    margin-top: 10vh !important;
    margin-bottom: 10vh;
  }

  .imagemsliderinterna img {
    width: 200px !important;
    margin: 0 auto;
    height: auto;
    max-height: initial !important;
  }

  .header_steps_to_buy {
    height: auto;
  }

  .headerfinal.me-5 {
    margin-right: 0 !important;
  }

  .step2HeaderFinal {
    margin-top: 25px !important;
  }

  .legendaFinal.mx-5 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }

  .legendaFinal.col-11 {
    width: 100%;
  }

  .boxPDF.px-5 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .boxPDFinner.px-4 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .btn__download.align-items-center {
    align-items: stretch !important;
    display: flex !important;
    justify-content: space-between !important;
  }

  .footerFinal.flex-row {
    flex-direction: column !important;
  }

  .footerFinal.mx-5 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }

  .tiramargemfinal.ps-5 {
    padding-left: 0 !important;
  }

  .tiramargemfinal.ps-3 {
    padding-left: 0 !important;
  }

  .cardBranco.flex-row {
    flex-direction: column !important;
  }

  .fichatecnicafinal.ms-5 {
    margin-left: 0 !important;
  }

  .card_desktop_rolagem {
    max-height: initial;
  }

  #home-0 .carousel-control-next-icon {
    margin-top: 15vh;
  }

  #home-0 .carousel-control-prev-icon {
    margin-top: 15vh;
  }

  .filtroHome {
    flex: initial !important;
  }

  .oferta_home {
    width: 100% !important;
  }

  #selectmodelo {
    margin: 0 !important;
  }

  #noPadding {
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .marginTopMobile {
    margin-top: 4vh !important;
  }

  .cardMobileBanner {
    display: block !important;
    text-align: center;
  }

  .cardDesktopBanner {
    display: none !important;
  }

  .showCarrosDesktop {
    display: none !important;
  }

  .showCarrosMobile {
    display: block !important;
  }

  .passosdetalhesmobile {
    display: none !important;
  }


  .scroll-sm {
    max-height: initial !important;
  }

  #cardprogress2 {
    margin-left: 0 !important;
  }

}

/*Fim Mobile*/

.showCarrosDesktop {
  display: block;
}

.showCarrosMobile {
  display: none;
}

.cardMobileBanner {
  display: none;
}

.cardDesktopBanner {
  display: block;
}


.imagemsliderinterna img {
  width: 560px;
  height: auto;
  max-height: initial !important;
}