:root {
  --white: white;
  --dark-violet: #8a0ed6;
  --crimson-3: #f53244;
  --dim-grey: #4f5967;
  --deep-sky-blue: #0c617b;
  --black-6: #171e2b;
  --lime-green: #25d366;
  --black: black;
  --white-smoke: #ebebeb;
  --cinza2: #f1f1f1;
  --black-4: #04070c;
  --indigo: #59098b;
  --silver: #bdbdbd;
  --cyan: #17e8ff;
  --indigo-2: #560588;
  --crimson: #f80348;
  --dark-grey: #a2acb9;
  --gainsboro: #e6e6e6;
  --white-smoke-2: #eee;
  --yellow: #fff200;
  --pink: #ff177c;
  --deep-pink-2: #fa2165;
  --medium-violet-red: #c00858;
  --dark-cyan: #088796;
  --dark-orange: #f88703;
  --orange-3: #f89a03;
  --chocolate: #b15f00;
  --medium-sea-green: #0ea346;
  --black-2: #171b21;
  --tomato: #fd502e;
  --black-5: #081018;
  --brown: #7c0338;
  --blue-navy: #0f141d;
  --blue-violet: #a81cff;
  --orange-red: #ff5618;
  --black-7: #1a1a1a;
  --cinza1: #f8f8f8;
  --midnight-blue: #2b0146;
  --laranja2: #c24f0c;
  --laranja1: #d88e2e;
  --dodger-blue: #119ee4;
  --marrom1: #b9a15d;
  --marrom2: #624d22;
  --red: #fa221b;
  --deep-pink: #fa2165;
  --orange: #ef4423;
  --crimson-2: #ff1759;
  --orange-2: #ffa617;
  --orange-red-2: #ff5618;
  --firebrick: #c93417;
  --black-3: #35363a;
  --663399: #7633a0;
  --gainsboro-2: #e0e0e0;
}

body {
  color: #333;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

h3 {
  margin-top: 20px;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 700;
  line-height: 30px;
}

.nav-link {
  transform: scale3d(1none, 1none, 1none);
  color: var(--white);
  text-transform: uppercase;
  cursor: pointer;
  transform-style: preserve-3d;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  height: 27px;
  margin-left: 2px;
  margin-right: 2px;
  padding-top: 1px;
  padding-left: 12px;
  padding-right: 12px;
  font-family: Montserrat, sans-serif;
  font-size: 10px;
  font-weight: 700;
  line-height: 10px;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.nav-link:hover {
  background-color: var(--dark-violet);
  color: #fff;
  border-radius: 15px;
  font-weight: 700;
}

.logo-block {
  align-items: center;
  width: 150px;
  height: 60px;
  padding: 10px 0;
  text-decoration: none;
  display: flex;
}

.logo-block.w--current {
  width: 130px;
  height: 40px;
}

.nav-1 {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 1280px;
  height: 50px;
  padding-left: 20px;
  padding-right: 20px;
  text-decoration: none;
  display: flex;
}

.body-all {
  flex-wrap: wrap;
  place-content: flex-start center;
  align-items: flex-start;
  font-family: Montserrat, sans-serif;
  font-weight: 600;
  text-decoration: none;
  display: flex;
}

.header-t-2 {
  color: var(--white);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 60px;
  font-weight: 500;
  line-height: 60px;
}

.header-t-3 {
  color: var(--white);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 60px;
  font-weight: 800;
  line-height: 60px;
}

.header-text {
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.header-t-4 {
  color: var(--white);
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 6px;
  font-size: 18px;
  font-weight: 700;
  line-height: 20px;
}

.header-t-5 {
  color: var(--white);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 500;
  line-height: 20px;
}

.header-t-6 {
  color: var(--white);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 800;
  line-height: 20px;
}

.s-pc {
  z-index: 0;
  justify-content: center;
  align-items: center;
  padding-top: 200px;
  padding-bottom: 200px;
  display: flex;
}

._1280 {
  flex-wrap: wrap;
  align-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1280px;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
  position: relative;
}

._1280.between {
  flex-wrap: wrap;
  justify-content: space-between;
  padding-left: 0;
  padding-right: 0;
}

._1280.flex-center-2 {
  justify-content: center;
  padding-top: 7px;
}

._1280.flex-center-2.rodape {
  margin-bottom: 179px;
}

.col-50 {
  width: 50%;
}

.col-50.padl {
  padding-left: 40px;
}

.col-50.padr {
  padding-right: 40px;
}

.col-50.fale {
  flex-wrap: wrap;
  place-content: flex-start space-between;
  display: flex;
}

.col-50.fale2 {
  flex-wrap: wrap;
  width: 49%;
  margin-right: 1%;
  display: flex;
}

.col-50.right {
  justify-content: flex-end;
  display: flex;
}

.col-50.perguntas {
  text-align: center;
  margin-top: 40px;
  padding-left: 30px;
  padding-right: 30px;
}

.col-50.padr2 {
  padding-right: 10px;
}

.col-50.padl2 {
  padding-left: 10px;
}

.col-50.margin {
  width: 47%;
  margin-bottom: 50px;
  margin-left: 1.5%;
  margin-right: 1.5%;
}

.text-1 {
  color: #fff;
  text-align: left;
  width: 100%;
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
}

.col-100 {
  z-index: 10;
  width: 100%;
}

.col-100.wrap {
  flex-wrap: wrap;
  place-content: flex-start center;
  align-items: flex-start;
  display: flex;
}

.col-100.wrap.mbottom2 {
  margin-bottom: 30px;
}

.col-100.wrap.mtop {
  align-content: center;
  align-items: center;
  margin-top: 100px;
}

.col-100.mbottom {
  margin-bottom: 25px;
}

.col-100.depoimento {
  text-align: center;
}

.col-100.mtop {
  margin-top: 50px;
}

.col-100.topsilicon {
  margin-top: 80px;
}

.col-33 {
  width: 33.3333%;
  display: block;
}

.col-33.depo-marg {
  flex-wrap: wrap;
  align-content: center;
  align-items: center;
  width: 30%;
  display: flex;
}

.title-green {
  color: var(--crimson-3);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 50px;
  line-height: 50px;
}

.title-green._100 {
  color: var(--crimson-3);
  text-align: center;
  width: 100%;
  font-size: 24px;
  line-height: 30px;
}

.text-3 {
  color: var(--dim-grey);
  text-align: center;
  font-size: 14px;
  font-weight: 500;
  line-height: 17px;
}

.title {
  color: var(--crimson-3);
  text-align: center;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 40px;
  line-height: 60px;
}

.comp-title {
  color: var(--crimson-3);
  width: 100%;
  margin-top: 0;
  margin-bottom: 4px;
  font-size: 18px;
  line-height: 18px;
}

.s-pc-comparativo {
  z-index: 0;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  padding-top: 50px;
  padding-bottom: 100px;
  display: flex;
}

.bot-rodape {
  border: 1px none var(--deep-sky-blue);
  background-color: var(--black-6);
  color: var(--dark-violet);
  text-align: center;
  cursor: pointer;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  height: 100px;
  margin-bottom: 20px;
  padding-left: 50px;
  padding-right: 50px;
  font-size: 16px;
  line-height: 16px;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.bot-rodape:hover {
  background-color: var(--dark-violet);
  box-shadow: 7px 7px 50px -20px var(--dark-violet);
  color: #fff;
  font-size: 18px;
  font-weight: 700;
}

.bot-rodape._100 {
  width: 100%;
}

.bot-rodape._49 {
  width: 49%;
}

.bot-rodape._49:hover {
  font-size: 18px;
}

.bot-whatsapp {
  border: 1px none var(--lime-green);
  background-color: var(--black-6);
  color: var(--lime-green);
  text-align: center;
  cursor: pointer;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  width: 49%;
  height: 100px;
  padding-bottom: 0;
  padding-left: 50px;
  padding-right: 50px;
  font-size: 16px;
  line-height: 16px;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.bot-whatsapp:hover {
  background-color: var(--lime-green);
  box-shadow: 0 10px 50px -30px var(--lime-green);
  color: #000;
  font-size: 18px;
  font-weight: 700;
}

.text-9 {
  color: var(--dim-grey);
  text-align: center;
  width: 100%;
  margin-bottom: 30px;
  font-size: 12px;
}

.flex-center {
  background-color: var(--black);
  opacity: .7;
  flex-wrap: wrap;
  place-content: center;
  align-items: center;
  width: 100%;
  padding: 21px 20px 25px;
  display: flex;
}

.col-auto {
  flex-wrap: wrap;
  flex: 0 auto;
  place-content: flex-start;
  align-items: flex-start;
  width: 40%;
  display: flex;
}

.monte-card-100 {
  border: 1px solid var(--white-smoke);
  color: var(--dim-grey);
  cursor: pointer;
  background-color: #0000;
  border-radius: 10px;
  justify-content: space-between;
  align-items: center;
  width: 99%;
  margin-bottom: 7px;
  display: flex;
  position: relative;
}

.monte-card-100:hover {
  background-color: var(--cinza2);
}

.monte-card-left {
  flex-wrap: wrap;
  flex: 1;
  align-items: center;
  display: flex;
}

.monte-card-right {
  text-align: right;
  flex-wrap: wrap;
  justify-content: flex-end;
  display: flex;
}

.monte-card-title {
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 10px;
  font-size: 16px;
  font-weight: 700;
  line-height: 16px;
}

.monte-card-text-suport {
  color: #00000080;
  flex: 0 auto;
  font-size: 10px;
  line-height: 16px;
}

.monte-card-subtitle {
  color: #0006;
  width: 100%;
  margin-top: 4px;
  font-size: 11px;
  line-height: 12px;
}

.monte-card-price {
  text-align: right;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 700;
  line-height: 14px;
}

.monte-over-33 {
  flex: 1;
  place-content: center flex-start;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.monte-over-price-title {
  color: #fff6;
  text-align: right;
  width: 100%;
  margin-bottom: 4px;
  font-size: 9px;
  line-height: 9px;
}

.monte-over-price-text {
  color: var(--dark-violet);
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 2px;
  font-size: 22px;
  font-weight: 800;
  line-height: 20px;
}

.monte-over-price-text2 {
  color: #ffffffb0;
  text-align: left;
  align-items: flex-end;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 3px;
  font-size: 13px;
  font-weight: 700;
  line-height: 16px;
  display: flex;
}

.mont-cad-group {
  color: var(--dim-grey);
  flex-wrap: wrap;
  place-content: flex-start;
  align-items: stretch;
  width: 100%;
  margin-bottom: 70px;
  display: flex;
}

.monte-title {
  color: #fff;
  flex: 0 auto;
  margin-bottom: 3px;
  font-size: 20px;
  font-weight: 700;
  line-height: 20px;
}

.col-select {
  flex-wrap: wrap;
  align-items: flex-start;
  width: 60%;
  padding-right: 20px;
  display: flex;
}

.zero {
  text-align: left;
  text-transform: uppercase;
  margin: 0;
  padding: 0;
  font-size: 11px;
  font-weight: 700;
  line-height: 10px;
}

.monte-over-price {
  text-align: left;
  flex-wrap: wrap;
  flex: 1;
  place-content: center flex-end;
  align-items: flex-start;
  display: flex;
}

.monte-over-price.a-vista {
  justify-content: flex-end;
  padding-right: 30px;
}

.monte-over-price.a-prazo {
  text-align: right;
  justify-content: flex-end;
  padding-right: 0;
}

.monte-over-price-text3 {
  color: var(--dark-violet);
  text-align: left;
  align-items: flex-end;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 10px;
  font-size: 14px;
  font-weight: 600;
  line-height: 16px;
  display: flex;
}

.monte-card-33 {
  border: 1px solid var(--white-smoke);
  color: var(--dim-grey);
  cursor: pointer;
  border-radius: 10px;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  width: 32.33%;
  margin-bottom: 10px;
  margin-right: 1%;
  padding: 18px;
  display: flex;
}

.monte-card-33:hover {
  background-color: var(--cinza2);
}

.monte-card-33.product {
  background-color: var(--white);
  border-radius: 6px;
}

.price-checkout {
  z-index: 999;
  background-color: #000000e6;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 70px;
  padding: 20px 10px;
  display: flex;
  position: fixed;
  inset: auto 0% 0%;
  box-shadow: 1px 1px 70px #0003;
}

.bar-price-box {
  color: var(--dim-grey);
  border-radius: 6px;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  font-size: 16px;
  line-height: 16px;
  display: flex;
}

.bar-price-but-shop {
  background-color: var(--dark-violet);
  box-shadow: 0 1px 40px -6px var(--dark-violet);
  color: #fff;
  cursor: pointer;
  border-radius: 12px;
  flex: 0 auto;
  place-content: center;
  align-items: center;
  margin-left: 20px;
  padding: 10px 30px 10px 25px;
  font-size: 12px;
  line-height: 14px;
  transition: all .2s;
  display: flex;
}

.bar-price-but-shop:hover {
  box-shadow: 0 10px 30px -5px var(--dark-violet);
  color: var(--black);
}

.bar-price-frete {
  flex-wrap: wrap;
  flex: 0 auto;
  align-content: center;
  align-items: flex-end;
  margin-right: 50px;
  display: block;
}

.bar-price-icon {
  width: 26px;
  height: 26px;
  margin-right: 10px;
}

.monte-card-top {
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
  font-weight: 600;
  display: flex;
}

.nav-bg-white {
  z-index: 999;
  color: var(--dim-grey);
  background-color: #000;
  justify-content: center;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
  position: relative;
}

.header-title {
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
  margin-bottom: 10px;
  display: flex;
}

.monte-icon {
  width: 30px;
  height: 30px;
}

.body-monte {
  background-color: var(--black-4);
  color: var(--dim-grey);
  background-image: url('../images/Untitled-1.jpg');
  background-position: 50% 0;
  background-size: cover;
  font-family: Montserrat, sans-serif;
  font-weight: 600;
  text-decoration: none;
}

.monte-card-quantity {
  text-align: left;
  place-content: center;
  align-items: center;
  width: auto;
}

.monte-card-box-quantity {
  color: #000;
  justify-content: center;
  align-items: center;
  display: flex;
}

.monte-card-plus {
  background-color: var(--dark-violet);
  color: #fff;
  cursor: pointer;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 28px;
  margin-left: 10px;
  font-size: 30px;
  font-weight: 400;
  line-height: 20px;
  display: flex;
}

.monte-card-plus:hover {
  background-color: var(--indigo);
  color: #fff;
}

.monte-card-plus-copy {
  background-color: var(--dark-violet);
  color: var(--white);
  text-transform: uppercase;
  cursor: pointer;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 28px;
  margin-right: 10px;
  padding-bottom: 4px;
  font-size: 30px;
  font-weight: 400;
  line-height: 20px;
  display: flex;
}

.monte-card-plus-copy:hover {
  background-color: var(--indigo);
  color: #fff;
}

.monte-flex-center-text {
  color: #d8d8d8;
  text-align: right;
  text-transform: uppercase;
  width: 100%;
  margin-bottom: 7px;
  font-size: 8px;
  font-weight: 700;
  line-height: 10px;
}

.col-50-out {
  align-items: center;
  width: 50%;
  display: flex;
}

.monte-price {
  color: var(--crimson-3);
  justify-content: flex-end;
  font-weight: 800;
  display: flex;
}

.monte-card-bottom-center {
  text-align: center;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 25px;
  display: flex;
}

.monte-subtitle {
  color: #fff9;
  width: 100%;
  font-size: 12px;
  font-style: italic;
  font-weight: 400;
  line-height: 14px;
}

.nav-icon {
  width: 16px;
  height: 16px;
  margin-right: 10px;
}

.col-sticky {
  border-radius: 6px;
  flex-wrap: wrap;
  flex: 0 auto;
  place-content: flex-start space-between;
  width: 100%;
  display: flex;
  position: sticky;
  top: 60px;
}

.sticky-line {
  background-color: #ffffff7d;
  width: 100%;
  height: 1px;
  margin-top: 15px;
  margin-bottom: 15px;
}

.sticky-border {
  background-color: #000000b3;
  border-radius: 20px;
  padding: 20px;
}

.sticky-title {
  color: var(--dark-violet);
  text-transform: uppercase;
  margin-bottom: 5px;
  font-size: 10px;
  font-weight: 700;
  line-height: 10px;
}

.sticky-text {
  color: var(--white);
  font-size: 12px;
  font-weight: 700;
  line-height: 10px;
}

.sticky-block-config {
  width: 100%;
  margin-bottom: 12px;
}

.sticky-price {
  color: var(--dim-grey);
  background-color: #000c;
  border-radius: 12px;
  justify-content: space-between;
  align-items: center;
  margin-top: 5px;
  padding: 20px;
  display: flex;
}

.s-monte {
  z-index: 0;
  justify-content: center;
  align-items: center;
  padding-top: 30px;
  padding-bottom: 200px;
  display: flex;
}

.monte-head-title {
  color: #fff;
  text-align: center;
  flex: 0 auto;
  width: 100%;
  margin-bottom: 5px;
  font-size: 30px;
  font-weight: 700;
  line-height: 30px;
}

.monte-head-block {
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  margin-top: -85px;
  margin-bottom: -60px;
  display: flex;
}

.monte-head-subtitle {
  color: #fff;
  text-align: center;
  flex: 0 auto;
  width: 100%;
  font-size: 12px;
  font-weight: 400;
  line-height: 17px;
}

.monte-title2 {
  color: var(--white);
  flex: 1;
  font-size: 18px;
  font-weight: 700;
  line-height: 20px;
}

.monte-header {
  text-align: center;
  flex-wrap: wrap;
  flex: 0 auto;
  align-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.col-sticky-content {
  border-radius: 10px;
  width: 100%;
  position: relative;
  box-shadow: 0 1px 50px #0000001a;
}

.col-sticky-header {
  align-items: center;
  width: 100%;
  margin-bottom: 7px;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
  position: relative;
}

.monte-title3 {
  color: #acacac;
  text-align: right;
  text-transform: uppercase;
  flex: 1;
  font-size: 9px;
  font-weight: 700;
  line-height: 12px;
}

.monte-content {
  color: var(--crimson-3);
  text-align: right;
  text-transform: uppercase;
  flex: 1;
  font-size: 18px;
  font-weight: 700;
  line-height: 22px;
}

.monte-card-number {
  color: #fff;
  text-align: center;
  width: 20px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 600;
  line-height: 20px;
}

.col-header-monte {
  text-align: center;
  flex-wrap: wrap;
  place-content: center;
  align-items: center;
  width: 100%;
  margin-top: 40px;
  margin-bottom: 100px;
  display: flex;
}

.conta-header {
  flex-wrap: wrap;
  flex: 1;
  place-content: center;
  align-items: center;
  margin-bottom: 20px;
  display: flex;
}

.monte-subtitle-red {
  color: var(--crimson-3);
  width: 100%;
  font-size: 10px;
  font-style: italic;
  line-height: 13px;
}

.monte-card-processor {
  border: 1px solid var(--white-smoke);
  background-color: var(--white-smoke);
  color: var(--dim-grey);
  cursor: pointer;
  border-radius: 10px;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 5px;
  margin-right: 1%;
  padding: 10px 18px;
  font-weight: 700;
  display: flex;
}

.monte-card-processor:hover {
  background-color: var(--cinza2);
  color: var(--crimson-3);
}

.monte-card-title2 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 700;
  line-height: 16px;
}

.monte-card-processor-a {
  border: 1px solid var(--white-smoke);
  background-color: var(--crimson-3);
  color: #fff;
  cursor: pointer;
  border-radius: 10px;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 5px;
  margin-right: 1%;
  padding: 10px 18px;
  line-height: 14px;
  display: flex;
}

.s-minha {
  z-index: 0;
  justify-content: center;
  align-items: center;
  padding-top: 30px;
  padding-bottom: 30px;
  display: flex;
}

.minha-header {
  flex-wrap: wrap;
  flex: 1;
  align-content: center;
  align-items: center;
  width: 100%;
  margin-top: 60px;
  margin-bottom: 40px;
  display: flex;
}

.perfil-block {
  color: var(--white);
  flex-wrap: wrap;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  display: flex;
}

.perfil-title {
  color: var(--white);
  font-size: 26px;
  font-weight: 700;
  line-height: 30px;
}

.perfil-subtitle {
  color: var(--dark-violet);
  text-transform: uppercase;
  width: 100%;
  margin-bottom: 5px;
  font-size: 12px;
  line-height: 12px;
}

.perfil-text {
  color: var(--white);
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
  margin-bottom: 4px;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  display: flex;
}

.perfil-but {
  border: 1px solid var(--silver);
  color: var(--silver);
  cursor: pointer;
  border-radius: 20px;
  flex: 0 auto;
  place-content: center;
  align-items: center;
  height: 28px;
  margin-left: 5px;
  padding-top: 1px;
  padding-left: 15px;
  padding-right: 15px;
  font-size: 12px;
  line-height: 14px;
  transition: all .2s;
  display: flex;
}

.perfil-but:hover {
  border-color: var(--dark-violet);
  background-color: var(--dark-violet);
  color: #fff;
}

.perfil-but.disable {
  display: none;
}

.perfil-confirm {
  border: 1px solid var(--dark-violet);
  background-color: var(--dark-violet);
  color: #fff;
  cursor: pointer;
  border-radius: 20px;
  flex: 0 auto;
  place-content: center;
  align-items: center;
  height: 28px;
  margin-left: 5px;
  padding-top: 1px;
  padding-left: 15px;
  padding-right: 15px;
  font-size: 12px;
  line-height: 14px;
  transition: all .2s;
  display: flex;
}

.perfil-confirm:hover {
  background-color: var(--indigo);
  color: #fff;
}

.perfil-confirm.disable {
  display: none;
}

.perfil-label {
  color: var(--silver);
  width: 100%;
  margin-bottom: 2px;
  padding-left: 5px;
  font-size: 10px;
  font-weight: 600;
  line-height: 12px;
}

.hackpro-geracao {
  background-color: var(--dark-violet);
  color: #fff;
  border-radius: 12px;
  align-items: center;
  height: 30px;
  margin-bottom: 2px;
  margin-right: 5px;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
}

.full {
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.header-text-big {
  color: var(--white);
  text-align: center;
  width: 100%;
  font-size: 100px;
  font-weight: 800;
  line-height: 80px;
}

.right {
  text-align: right;
}

.center {
  text-align: center;
  flex-wrap: wrap;
  place-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: absolute;
}

.processador-icon {
  opacity: .6;
  background-image: url('../images/cpu_black.svg');
  background-position: 50%;
  background-size: cover;
  width: 60px;
  height: 60px;
  margin-bottom: 0;
  margin-right: 0;
}

.processador-list {
  flex-wrap: wrap;
  place-content: center;
  align-items: flex-start;
  display: flex;
}

.processador-block {
  flex-wrap: wrap;
  place-content: center;
  align-items: center;
  height: 300px;
  display: flex;
  position: relative;
}

.processador-text-block {
  z-index: 99;
  text-align: center;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-bottom: 40px;
  display: flex;
  position: absolute;
  inset: 0%;
}

.processador-text {
  background-image: linear-gradient(144deg, var(--cyan), var(--dark-violet));
  color: #65cfff;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  font-size: 60px;
  font-weight: 700;
  line-height: 60px;
}

.processador-text0 {
  color: var(--white);
  text-transform: uppercase;
  width: 100%;
  font-size: 10px;
  font-weight: 800;
  line-height: 16px;
}

.processador-text2 {
  color: var(--white);
  width: 100%;
  font-size: 24px;
  font-weight: 700;
  line-height: 24px;
}

.processador-tamanho-title {
  z-index: 99;
  text-align: center;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 50px;
  display: flex;
}

.processador-text3 {
  color: #fff;
  text-transform: none;
  width: 90%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 42px;
  font-weight: 800;
  line-height: 40px;
}

.processador-text4 {
  color: #fff;
  width: 100%;
  margin-top: 50px;
  margin-bottom: 10px;
  font-size: 40px;
  font-weight: 700;
  line-height: 50px;
}

.processador-text6 {
  color: var(--white);
  width: 100%;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
}

.processador-nucleos-card {
  border-radius: 30px;
  width: 30%;
  margin-bottom: 10px;
  margin-left: 1%;
  margin-right: 1%;
  overflow: hidden;
}

.processador-nucleos-block {
  justify-content: center;
  margin-bottom: 40px;
  display: flex;
}

.line100 {
  background-color: var(--black);
  width: 30%;
  height: 1px;
  margin-top: 60px;
  margin-bottom: 60px;
}

.line-center {
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.card-nucleos-title {
  color: #fff;
  text-align: center;
  font-size: 9px;
}

.card-nucleos-text {
  color: #fff;
  text-align: center;
  font-size: 20px;
  font-weight: 700;
}

.card-nucleos-line {
  background-color: #d6d6d6;
  width: 1px;
  height: 30px;
  margin-top: 5px;
  margin-left: 10px;
  margin-right: 10px;
}

.processado-disponiblidade {
  color: #fff;
  text-align: center;
  margin-bottom: 20px;
  font-size: 12px;
  line-height: 12px;
}

.processador-nucleos-model {
  background-color: var(--dark-violet);
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  justify-content: center;
  align-items: center;
  height: 50px;
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
}

.card-nucleos-model {
  color: #fff;
  text-align: center;
  font-size: 16px;
  font-weight: 700;
  line-height: 16px;
}

.slot-1 {
  margin-right: 15px;
}

.memory-block {
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-bottom: 20px;
  display: flex;
}

.slot-2 {
  margin-right: 35px;
}

.slot-3 {
  margin-right: 20px;
}

.image-memory {
  width: 20px;
  height: 350px;
}

.memory-processador {
  width: 220px;
  margin-left: 50px;
  margin-right: 50px;
}

.memory-processador-block {
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.memoria-nucleos-card {
  color: var(--white);
  background-color: #0006;
  border-radius: 30px;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin-left: 5px;
  margin-right: 5px;
  padding: 20px 25px;
  font-size: 12px;
  font-weight: 700;
  display: flex;
}

.veloz-block {
  flex-wrap: wrap;
  place-content: flex-start space-between;
  align-items: stretch;
  display: flex;
}

.veloz-text3 {
  color: #fff;
  text-align: left;
  text-transform: uppercase;
  width: 100%;
  font-size: 12px;
  font-weight: 800;
  line-height: 12px;
}

.veloz-text4 {
  color: #ffffffa6;
  text-align: left;
  margin-top: 5px;
  font-size: 11px;
  font-weight: 500;
  line-height: 14px;
}

.como-block {
  background-color: #0006;
  border-radius: 30px;
  align-items: center;
  width: 32%;
  margin-bottom: 20px;
  padding: 30px;
  display: flex;
}

.como-icon {
  width: 60px;
  margin-right: 10px;
}

.como-text-block {
  text-align: left;
  flex-wrap: wrap;
  flex: 1;
  align-content: center;
  align-items: center;
  display: flex;
}

.memoria-grey-block {
  color: var(--dark-violet);
  background-color: #0000004d;
  border-radius: 15px;
  justify-content: center;
  align-items: center;
  width: 49%;
  margin-bottom: 4px;
  padding-top: 20px;
  padding-bottom: 20px;
  font-size: 14px;
  font-weight: 700;
  line-height: 14px;
  display: flex;
}

.block-memorias {
  flex-wrap: wrap;
  place-content: center space-between;
  align-items: center;
  width: 20%;
  margin-left: 15px;
  margin-right: 15px;
  display: flex;
}

.memoria-red-title {
  background-color: var(--dark-violet);
  color: var(--white);
  border-radius: 15px;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-bottom: 6px;
  padding-top: 15px;
  padding-bottom: 15px;
  font-size: 18px;
  font-weight: 700;
  line-height: 18px;
  display: flex;
}

.m2 {
  width: 400px;
}

.m2-block {
  justify-content: center;
  align-items: center;
  margin-top: 36px;
  display: flex;
}

.m2-legend {
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 51px;
  display: flex;
}

.m2-legend-item {
  align-items: center;
  margin-right: 40px;
  font-size: 10px;
  line-height: 10px;
  display: flex;
}

.m2-legend-text {
  text-align: center;
}

.m2-legend-read {
  background-color: var(--dark-violet);
  border-radius: 12px;
  width: 50px;
  height: 20px;
  margin-right: 10px;
}

.m2-legend-write {
  background-color: var(--indigo-2);
  border-radius: 12px;
  width: 50px;
  height: 20px;
  margin-right: 10px;
}

.m2-legend-item2 {
  align-items: center;
  font-size: 10px;
  line-height: 10px;
  display: flex;
}

.header-text-big2 {
  color: #0003;
  text-align: center;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  font-size: 400px;
  font-weight: 800;
  line-height: 150px;
  display: flex;
  position: absolute;
}

.right2 {
  text-align: center;
  justify-content: center;
  align-items: center;
  display: flex;
}

.absolute-ryzen {
  justify-content: center;
  align-items: stretch;
  display: flex;
}

.call-to-action {
  justify-content: center;
  align-items: center;
  margin-top: 41px;
  margin-bottom: 39px;
  display: flex;
}

.call-button {
  background-color: var(--crimson);
  background-image: linear-gradient(to bottom, var(--dark-violet), var(--indigo));
  color: var(--white);
  text-align: center;
  cursor: pointer;
  border-radius: 30px;
  flex-wrap: wrap;
  place-content: center;
  align-items: center;
  height: 50px;
  padding: 12px 40px;
  font-size: 12px;
  font-weight: 800;
  line-height: 12px;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.call-button:hover {
  background-color: var(--dark-violet);
  box-shadow: 0 11px 30px -10px var(--dark-violet);
  color: #000;
}

.machine-block {
  flex-wrap: wrap;
  place-content: flex-start space-between;
  align-items: stretch;
  display: flex;
}

.machines {
  background-color: #0006;
  border-radius: 30px;
  align-items: center;
  width: 49%;
  margin-bottom: 22px;
  padding: 25px;
  display: flex;
}

.machines:hover {
  background-color: #0009;
}

.machine-text-block {
  text-align: left;
  flex-wrap: wrap;
  flex: 1;
  align-content: center;
  align-items: center;
  display: flex;
}

.machine-text1 {
  color: var(--crimson-3);
  text-align: left;
  font-size: 20px;
  font-weight: 700;
  line-height: 20px;
}

.machine-text2 {
  color: #fff;
  text-align: left;
  width: 100%;
  margin-top: 5px;
  font-size: 10px;
  font-weight: 600;
  line-height: 14px;
}

.machine-header {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-bottom: 6px;
  display: flex;
}

.threads-text2 {
  margin-right: 5px;
  font-size: 14px;
  font-weight: 700;
  line-height: 12px;
}

.threads-title2 {
  font-size: 9px;
  font-weight: 700;
  line-height: 14px;
}

.hackpro-nucleos2 {
  color: #fff;
  background-color: #000;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  height: 30px;
  margin-bottom: 2px;
  margin-right: 5px;
  padding: 6px 15px;
  display: flex;
}

.machine-but {
  background-color: var(--crimson-3);
  color: #fff;
  cursor: pointer;
  border-radius: 12px;
  margin-top: 20px;
  margin-bottom: 1px;
  margin-right: 4px;
  padding: 10px 20px;
  font-size: 10px;
  font-weight: 700;
  line-height: 10px;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.machine-but:hover {
  box-shadow: 0 10px 20px -10px var(--crimson-3);
}

.image-pc {
  justify-content: center;
  align-items: center;
  display: flex;
}

.image-pc-size {
  width: 400px;
  margin-bottom: 60px;
}

.full-header {
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.m22-block {
  flex-wrap: wrap;
  place-content: center;
  align-items: center;
  height: 350px;
  margin-top: 50px;
  padding-top: 30px;
  display: flex;
  position: relative;
}

.m22-barra {
  flex-flow: wrap;
  justify-content: center;
  align-items: flex-end;
  width: 140px;
  height: 410px;
  margin-right: 10px;
  display: flex;
  position: relative;
  bottom: -35px;
}

.m22-status {
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  height: 370px;
  display: flex;
}

.m22-nome {
  background-color: var(--black);
  color: #fff;
  text-align: center;
  border-radius: 0 0 12px 12px;
  flex-wrap: wrap;
  place-content: center;
  align-items: center;
  width: 100%;
  height: 45px;
  margin-top: 0;
  padding-left: 15px;
  padding-right: 15px;
  font-size: 16px;
  font-weight: 700;
  line-height: 18px;
  display: flex;
}

.m22-read1 {
  background-color: var(--dark-violet);
  opacity: .8;
  border-radius: 12px 12px 0 0;
  flex: 1;
  height: 5%;
  margin-right: 2px;
}

.m22-write1 {
  background-color: var(--indigo-2);
  opacity: .8;
  border-radius: 12px 12px 0 0;
  flex: 1;
  height: 4%;
  margin-left: 2px;
}

.m22-lists {
  z-index: 2;
  align-items: flex-end;
  display: flex;
  position: relative;
}

.m22-barra-lines {
  z-index: 1;
  flex-wrap: wrap;
  place-content: center;
  align-items: flex-end;
  width: 100%;
  height: 350px;
  margin-right: 25px;
  padding-top: 30px;
  padding-bottom: 20px;
  display: flex;
  position: absolute;
  inset: 0%;
}

.m22-line {
  background-color: var(--white);
  opacity: .3;
  mix-blend-mode: normal;
  width: 100%;
  height: 1px;
}

.m22-text-line {
  color: var(--white);
  margin-top: 3px;
  font-size: 9px;
  line-height: 12px;
}

.m22-lines {
  flex-direction: column;
  justify-content: space-between;
  width: 1000px;
  height: 350px;
  display: flex;
}

.m22-read2 {
  background-color: var(--dark-violet);
  opacity: .8;
  border-radius: 12px 12px 0 0;
  flex: 1;
  height: 8%;
  margin-right: 2px;
}

.m22-write2 {
  background-color: var(--indigo-2);
  opacity: .8;
  border-radius: 12px 12px 0 0;
  flex: 1;
  height: 6%;
  margin-left: 2px;
}

.m22-read3 {
  background-color: var(--dark-violet);
  opacity: .8;
  border-radius: 12px 12px 0 0;
  flex: 1;
  height: 33%;
  margin-right: 2px;
}

.m22-write3 {
  background-color: var(--indigo-2);
  opacity: .8;
  border-radius: 12px 12px 0 0;
  flex: 1;
  height: 24%;
  margin-left: 2px;
}

.m22-read4 {
  background-color: var(--dark-violet);
  opacity: .8;
  border-radius: 12px 12px 0 0;
  flex: 1;
  height: 40%;
  margin-right: 2px;
}

.m22-write4 {
  background-color: var(--indigo-2);
  opacity: .8;
  border-radius: 12px 12px 0 0;
  flex: 1;
  height: 35%;
  margin-left: 2px;
}

.m22-read5 {
  background-color: var(--dark-violet);
  opacity: .8;
  border-radius: 12px 12px 0 0;
  flex: 1;
  height: 59%;
  margin-right: 2px;
}

.m22-write5 {
  background-color: var(--indigo-2);
  opacity: .8;
  border-radius: 12px 12px 0 0;
  flex: 1;
  height: 53%;
  margin-left: 2px;
}

.m22-ghz {
  color: #ffffff8a;
  width: 100%;
  font-size: 10px;
  line-height: 11px;
}

.col-70 {
  width: 70%;
  padding-left: 30px;
  padding-right: 10px;
}

.col-70.depoimentos {
  flex-wrap: wrap;
  align-content: center;
  align-items: center;
  padding-right: 30px;
  display: flex;
}

.depo-item {
  flex-wrap: wrap;
  justify-content: center;
  align-items: stretch;
  padding: 30px 80px;
  display: flex;
}

.depo-nome {
  color: var(--dark-violet);
  width: 100%;
  margin-top: 10px;
  margin-bottom: 2px;
  font-size: 20px;
  font-weight: 700;
  line-height: 20px;
}

.depo-cargo {
  color: #fff;
  margin-bottom: 10px;
  font-size: 10px;
  line-height: 10px;
}

.depo-msg {
  color: #fff;
  font-size: 12px;
  line-height: 16px;
}

.image-pc-size2 {
  width: 500px;
}

.s-todos {
  z-index: 0;
  justify-content: center;
  align-items: center;
  max-width: 1280px;
  display: flex;
}

.nav-menu {
  text-align: center;
  flex: 0 auto;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
  transform: translate(0);
}

.menu-button {
  display: none;
}

.title2 {
  color: var(--white);
  text-align: center;
  width: 100%;
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 50px;
  font-weight: 500;
  line-height: 45px;
}

.subtitle2 {
  color: #000;
  text-align: center;
  width: 70%;
  margin-top: 0;
  margin-bottom: 30px;
  font-size: 14px;
  font-weight: 700;
  line-height: 15px;
}

._1280-grey {
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
  max-width: 1280px;
  padding: 100px 20px;
  display: flex;
}

.head-but-purple {
  border: 1px solid var(--white-smoke);
  color: var(--white);
  text-transform: uppercase;
  cursor: pointer;
  border-radius: 12px;
  justify-content: flex-start;
  align-items: center;
  height: 32px;
  margin-top: 10px;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 10px;
  font-weight: 700;
  line-height: 10px;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.head-but-purple:hover {
  font-weight: 700;
  transform: scale(1.05);
  box-shadow: 0 4px 50px -10px #a81cff99;
}

.title-white1 {
  color: var(--white);
  text-align: center;
  width: 100%;
  margin-top: 0;
  margin-bottom: 4px;
  font-size: 30px;
  font-weight: 600;
  line-height: 34px;
}

.subtitle-white1 {
  color: var(--white);
  text-align: center;
  width: 100%;
  margin-top: 0;
  margin-bottom: 1px;
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
}

.title-white2 {
  color: var(--white);
  text-align: center;
  width: 100%;
  margin-top: 0;
  margin-bottom: 3px;
  font-size: 16px;
  font-weight: 600;
  line-height: 16px;
}

.col-100-flex-center {
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.col-100-flex-center.margin {
  margin-bottom: 20px;
}

.col-100-flex-center.mtop {
  align-content: flex-start;
  align-items: flex-start;
  margin-top: 50px;
}

.col-100-flex-center.chips {
  margin-top: 30px;
  margin-bottom: 30px;
}

.title-white3 {
  color: var(--white);
  text-align: center;
  width: 100%;
  margin-top: 0;
  margin-bottom: 15px;
  font-size: 44px;
  font-weight: 800;
  line-height: 40px;
}

.subtitle-white2 {
  color: var(--white);
  text-align: center;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 13px;
  font-weight: 600;
  line-height: 16px;
}

.title3 {
  color: var(--white);
  text-align: center;
  width: 100%;
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 30px;
  font-weight: 700;
  line-height: 30px;
}

.text3 {
  color: var(--white);
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
}

.nativa-image {
  height: 150px;
  margin-bottom: 15px;
}

.monte-card-title3 {
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 5px;
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
}

.monte-text {
  text-align: left;
  width: 100%;
  margin-top: 10px;
  font-size: 11px;
  font-weight: 500;
}

.select-processador {
  width: 100%;
  display: none;
}

.monte-card-novo {
  background-color: var(--gainsboro);
  color: var(--dim-grey);
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  flex-wrap: wrap;
  place-content: center;
  align-items: stretch;
  width: 70px;
  height: 100%;
  padding-top: 18px;
  padding-bottom: 18px;
  display: flex;
}

.monte-gen {
  text-align: center;
  width: 100%;
  font-size: 8px;
  font-weight: 800;
  line-height: 8px;
}

.monte-gen1 {
  text-align: center;
  width: 100%;
  font-size: 20px;
  font-weight: 700;
  line-height: 20px;
}

.header-text-small4 {
  color: #fff;
  text-align: center;
  width: 100%;
  font-size: 40px;
  font-weight: 700;
  line-height: 40px;
}

.card-nucleos-gen {
  color: #000;
  text-align: center;
  margin-left: 10px;
  font-size: 14px;
  font-weight: 700;
  line-height: 14px;
}

.monte-card-text {
  flex: 1;
  align-items: center;
  min-height: 56px;
  padding: 12px 16px;
  display: flex;
}

.slider {
  background-color: #0000;
  width: 100%;
  height: 70vh;
  margin-top: -60px;
}

.flex-center2 {
  z-index: 0;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 70vh;
  padding-top: 50px;
  padding-bottom: 50px;
  display: flex;
  position: relative;
}

.icon {
  color: var(--white);
  background-color: #0000;
  font-size: 20px;
  font-weight: 900;
}

.head-bg {
  flex-wrap: wrap;
  place-content: center;
  align-items: center;
  width: 100%;
  padding-left: 100px;
  display: flex;
}

.header-text-block {
  z-index: 90;
  color: var(--dim-grey);
  flex-wrap: wrap;
  place-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.header-tt-1 {
  color: var(--white);
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 13px;
  line-height: 16px;
}

.header-img {
  justify-content: center;
  align-items: center;
  width: 80%;
  margin-top: 0;
  display: flex;
}

.orc-section {
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.orc-section.wrap {
  flex-wrap: wrap;
  margin-top: 41px;
  margin-bottom: 70px;
}

.orc-title {
  color: #3b3d41;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 36px;
  font-weight: 500;
  line-height: 36px;
}

.orc-col100 {
  flex-wrap: wrap;
  align-content: center;
  align-items: center;
  width: 100%;
  padding-top: 30px;
  padding-bottom: 30px;
  display: flex;
}

.divisao {
  background-color: #e6e6e6;
  width: 100%;
  height: 1px;
  margin-top: 10px;
  margin-bottom: 10px;
}

.orc-item {
  flex-wrap: wrap;
  align-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.orc-item.mtop {
  flex-wrap: wrap;
  margin-top: 20px;
}

.orc-item.mtop.final {
  margin-bottom: 40px;
}

.linha {
  width: 100%;
  padding-right: 10px;
  line-height: 14px;
}

.orc-price {
  text-align: right;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  width: 25%;
  padding-left: 10px;
  display: flex;
}

.orc-name-title {
  color: var(--crimson-3);
  align-items: center;
  width: 75%;
  font-size: 20px;
  font-weight: 700;
  display: flex;
}

.orc-price-title {
  color: var(--crimson-3);
  text-align: right;
  justify-content: flex-end;
  align-items: center;
  width: 25%;
  font-size: 15px;
  font-weight: 700;
  display: flex;
}

.orc-50 {
  align-items: center;
  width: 50%;
  display: flex;
}

.orc-50.right {
  justify-content: flex-end;
  align-items: center;
}

.orc-price-red {
  color: var(--crimson-3);
  text-align: right;
  justify-content: flex-end;
  align-items: center;
  width: 50%;
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
  display: flex;
}

.orc-name-red {
  color: var(--crimson-3);
  width: 50%;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
}

.orc-espaco {
  width: 100%;
  height: 50px;
}

.orc-logo {
  width: 300px;
}

.orc-full-cinza {
  background-color: var(--white-smoke-2);
  color: var(--dim-grey);
  border-radius: 8px;
  width: 100%;
  padding: 20px;
}

.orc-text01 {
  font-weight: 800;
  line-height: 14px;
}

.orc-text02 {
  margin-top: 3px;
  margin-bottom: 11px;
  font-size: 14px;
  line-height: 18px;
}

.orc-form {
  width: 100%;
}

.orc-field {
  background-color: #e6e6e6;
  border-radius: 6px;
  height: 40px;
  margin-bottom: 0;
  padding-left: 12px;
  padding-right: 12px;
}

.orc-name-field {
  width: 75%;
  padding-right: 10px;
  line-height: 16px;
}

.orc-price-field {
  text-align: left;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  width: 25%;
  padding-left: 10px;
  display: flex;
}

.orc-item-field {
  flex: 1;
  width: 100%;
  margin-bottom: 15px;
  line-height: 16px;
}

.orc-label {
  color: #494949;
  margin-bottom: 3px;
  font-size: 12px;
  font-weight: 600;
  line-height: 12px;
}

.submit-button {
  border-radius: 6px;
  height: 60px;
  margin-left: 15px;
  padding-left: 25px;
  padding-right: 25px;
  font-size: 18px;
}

.form {
  flex-wrap: wrap;
  display: flex;
}

.orc-link-field {
  border-radius: 6px;
  flex: 1;
  height: 60px;
  margin-bottom: 0;
}

.orc-link {
  align-items: center;
  width: 100%;
  display: flex;
}

.button {
  border-radius: 6px;
  margin-left: 9px;
}

.rec-full-cinza {
  background-color: var(--white-smoke-2);
  color: var(--dim-grey);
  border-radius: 8px;
  width: 100%;
  padding: 20px;
}

.orc-price-text1 {
  color: var(--dark-grey);
  font-size: 12px;
  line-height: 14px;
}

.orc-cliente-name {
  width: 75%;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-right: 10px;
  line-height: 16px;
}

.subtitle3 {
  color: #fff;
  text-align: center;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
}

.subtitle3.localizacao {
  margin-bottom: 40px;
}

.monte-alert {
  background-color: var(--crimson-3);
  color: var(--dim-grey);
  text-align: right;
  cursor: pointer;
  border-radius: 10px;
  justify-content: flex-end;
  align-items: center;
  width: 99%;
  margin-top: -4px;
  margin-bottom: 7px;
  display: flex;
  position: relative;
}

.user-seta {
  background-color: var(--crimson-3);
  width: 24px;
  height: 12px;
  position: absolute;
  top: -11px;
  right: 46px;
}

.monte-alert-text {
  color: #fff;
  text-align: left;
  flex: 1;
  justify-content: flex-start;
  padding: 10px 15px;
  font-size: 10px;
  font-weight: 600;
  line-height: 12px;
  display: flex;
}

.monte-close {
  cursor: pointer;
  background-image: url('../images/close.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 12px 12px;
  width: 30px;
  height: 30px;
}

.monte-close:hover {
  background-image: url('../images/close-red.svg');
}

.sec-modal {
  z-index: 9999999;
  background-color: #000000b3;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: flex;
  position: fixed;
  inset: 0%;
}

.modal-close {
  background-color: var(--indigo);
  cursor: pointer;
  background-image: url('../images/close.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 14px 14px;
  border-radius: 10px;
  width: 40px;
  height: 40px;
}

.modal-close:hover {
  background-color: #30044b;
}

.modal-box {
  background-color: var(--white);
  border-radius: 12px;
  flex-wrap: wrap;
  width: 500px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 0 80px #0003;
}

.modal-header {
  background-color: var(--dark-violet);
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 40px;
  display: flex;
  position: relative;
}

.modal-header-text {
  color: var(--white);
  text-align: center;
  flex: 1;
  justify-content: center;
  align-items: center;
  height: 40px;
  padding-left: 20px;
  display: flex;
}

.modal-text {
  width: 100%;
  height: 200px;
  padding: 20px;
  font-size: 12px;
  font-weight: 500;
  line-height: 14px;
}

.modal-block-but {
  width: 100%;
  display: flex;
}

.modal-but-cancel {
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 50%;
  padding-top: 15px;
  padding-bottom: 15px;
  display: flex;
}

.modal-but-cancel:hover {
  background-color: #f0f0f0;
}

.modal-but-ok {
  background-color: var(--dark-violet);
  color: var(--white);
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 50%;
  padding-top: 15px;
  padding-bottom: 15px;
  display: flex;
}

.modal-but-ok:hover {
  color: #250505;
}

.col-full-select {
  flex-wrap: wrap;
  align-items: flex-start;
  width: 70%;
  display: flex;
}

.m-card-qty {
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  height: 80px;
  padding: 12px 20px;
  display: flex;
}

.m-card-02 {
  flex-wrap: wrap;
  place-content: center flex-start;
  align-items: center;
  height: 80px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
  position: relative;
}

.monte-card-title-full {
  color: var(--dark-violet);
  text-align: center;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 700;
  line-height: 16px;
}

.m-card-txt-5 {
  color: #fff;
  text-align: left;
  flex: 0 auto;
  width: 100%;
  margin-bottom: 5px;
  margin-right: 10px;
  font-size: 15px;
  font-weight: 700;
  line-height: 11px;
}

.m-card-txt-5.top {
  text-align: center;
  margin-top: 2px;
}

.m-card-txt-5.top2 {
  margin-top: 2px;
}

.monte-card-right-full {
  text-align: center;
  flex-wrap: wrap;
  place-content: center;
  align-items: center;
  display: flex;
}

.monte-card-price-full {
  text-align: center;
  min-width: 100px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 12px;
  font-weight: 700;
  line-height: 12px;
}

.monte-card-specs {
  color: var(--white);
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 4px;
  font-size: 11px;
  font-weight: 700;
  line-height: 11px;
  display: flex;
}

.monte-card-title-full2 {
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  line-height: 11px;
}

.monte-card-novo-full3 {
  flex-wrap: wrap;
  place-content: center space-between;
  align-items: center;
  width: 100%;
  margin-bottom: 5px;
  display: flex;
}

.monte-gen3-full {
  color: #fff;
  text-align: center;
  margin-right: 10px;
  font-size: 10px;
  font-weight: 700;
  line-height: 10px;
}

.monte-gen4-full {
  color: #fff;
  text-align: center;
  margin-left: 10px;
  font-size: 10px;
  font-weight: 700;
  line-height: 10px;
}

.monte-gen-line {
  background-color: #fff3;
  flex: 1;
  height: 1px;
}

.monte-card-quantity-full {
  text-align: right;
  flex-wrap: wrap;
  place-content: center flex-end;
  align-items: flex-end;
  display: flex;
}

.text-block-15 {
  font-size: 24px;
}

.text-block-16 {
  font-size: 26px;
}

.monte-card-left-70 {
  flex-wrap: wrap;
  flex: 0 auto;
  align-content: flex-start;
  align-items: center;
  width: 100%;
  padding-right: 10px;
  display: flex;
}

.monte-over-preco {
  flex: 0 auto;
  place-content: center flex-start;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.header-icon {
  align-items: center;
  width: 40px;
  height: 40px;
  display: flex;
}

.header-text-title {
  flex: 1;
  width: 100%;
}

.m-card-price {
  color: #fff;
  border-width: 1px;
  border-color: #fff;
  border-radius: 0 12px 12px 0;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.m-card {
  cursor: pointer;
  background-color: #0006;
  border-radius: 20px;
  flex-direction: row;
  place-content: space-between;
  align-items: center;
  width: 100%;
  margin-bottom: 5px;
  transition: all .2s;
  display: flex;
  overflow: hidden;
}

.m-card:hover {
  border-color: var(--black);
  background-color: #000000b3;
}

.m-card.active {
  box-shadow: 0 0 0 2px var(--dark-violet);
  background-color: #000c;
}

.m-card-text {
  text-align: center;
  flex-wrap: wrap;
  flex: 1;
  place-content: center;
  align-items: center;
  padding-bottom: 20px;
  padding-left: 12px;
  padding-right: 12px;
  display: flex;
}

.m-card-d {
  opacity: .3;
  cursor: not-allowed;
  background-color: #0003;
  border-radius: 6px;
  flex-flow: column wrap;
  align-content: flex-start;
  align-items: flex-start;
  width: 23%;
  margin-bottom: 10px;
  margin-right: 2%;
  transition: all .2s;
  display: flex;
}

.m-card-a {
  background-color: var(--dark-violet);
  box-shadow: 0 0 0 3px var(--dark-violet);
  cursor: not-allowed;
  border-radius: 12px;
  flex-flow: column wrap;
  place-content: center;
  align-items: center;
  width: 23%;
  margin-bottom: 10px;
  margin-right: 2%;
  transition: all .2s;
  display: flex;
}

.note-pagseguro {
  background-color: var(--dark-violet);
  border-radius: 12px;
  margin-bottom: 70px;
  display: flex;
}

.note-pag {
  padding: 15px 30px;
  font-size: 13px;
  line-height: 16px;
  display: flex;
}

.note-text {
  color: var(--white);
  flex: 1;
  align-items: center;
  display: flex;
}

.note-icon {
  width: 40px;
  height: 40px;
  margin-right: 20px;
}

.m-card-gabinete {
  cursor: pointer;
  background-color: #0000004d;
  border-radius: 12px;
  flex-wrap: wrap;
  align-content: flex-start;
  align-items: flex-start;
  width: 23%;
  margin-bottom: 15px;
  margin-right: 2%;
  transition: all .2s;
  display: flex;
}

.m-card-gabinete:hover {
  background-color: #000000cf;
}

.m-card-gabinete.active {
  box-shadow: 0 0 0 2px var(--dark-violet);
}

.m-card-19-a {
  background-color: var(--dark-violet);
  box-shadow: 0 0 0 2px var(--dark-violet);
  cursor: pointer;
  border-radius: 12px;
  flex-wrap: wrap;
  align-content: flex-start;
  align-items: flex-start;
  width: 23%;
  margin-bottom: 10px;
  margin-right: 2%;
  transition: all .2s;
  display: flex;
  overflow: hidden;
}

.col-resume {
  flex-wrap: wrap;
  flex: 0 auto;
  place-content: flex-start;
  align-items: flex-start;
  width: 30%;
  height: 500px;
  padding-left: 20px;
  display: flex;
  position: sticky;
  top: 80px;
}

.empresa-slider {
  border-radius: 30px;
  height: 350px;
  overflow: hidden;
}

.empresa-block-text {
  align-items: center;
  padding-top: 20px;
  padding-bottom: 20px;
}

.perguntas-title {
  color: #fff;
  margin-top: 0;
  margin-bottom: 5px;
  font-size: 14px;
  font-weight: 700;
  line-height: 18px;
}

.perguntas-text {
  color: #ffffffc4;
  text-align: center;
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
}

.empresa-icon {
  width: 80px;
  height: 80px;
}

.comp-title2 {
  color: #ffffff82;
  width: 100%;
  margin-top: 12px;
  margin-bottom: 0;
  font-size: 10px;
  line-height: 15px;
}

.suport-block {
  background-color: #0006;
  border-radius: 30px;
  padding: 40px;
}

.suporte-text {
  color: var(--white);
  font-size: 12px;
  line-height: 16px;
}

.suport-title {
  color: var(--crimson-3);
  margin-top: 0;
  font-size: 16px;
  line-height: 18px;
}

.depoimentos-slider {
  background-color: #0000;
  align-items: flex-start;
  height: auto;
  margin-top: 20px;
  display: flex;
}

.empresa-title-box {
  color: var(--crimson-3);
  margin-top: 0;
  font-size: 12px;
  font-weight: 800;
  line-height: 14px;
}

.empresa-text {
  color: var(--white);
  margin-top: 5px;
  font-size: 12px;
  line-height: 14px;
}

.empresa-block {
  background-color: #0006;
  border-radius: 30px;
  align-items: center;
  width: 100%;
  margin-top: 20px;
  padding: 40px 20px;
  display: flex;
}

.empresa-text3 {
  color: var(--white);
  margin-top: 5px;
  font-size: 11px;
  font-weight: 700;
  line-height: 16px;
}

.slide {
  background-color: var(--black);
  border-radius: 6px;
  overflow: hidden;
}

.button-red {
  background-color: var(--crimson-3);
  color: var(--white);
  cursor: pointer;
  border-radius: 6px;
  padding: 5px 15px;
  font-size: 10px;
  text-decoration: none;
}

.button-red:hover {
  color: #250505;
}

.button-red.topcnpj {
  margin-top: 10px;
}

.icon-2, .icon-3 {
  color: var(--crimson-3);
}

.right-arrow-2 {
  height: 100px;
}

.left-arrow-2 {
  display: flex;
}

.slide-nav {
  background-color: #0000;
  height: 0;
  font-size: 0;
}

.empresa-50l {
  width: 50%;
}

.empresa-50r {
  width: 50%;
  padding-left: 40px;
}

.localizacao-foto {
  border-radius: 30px;
  overflow: hidden;
}

.button-green {
  background-color: var(--lime-green);
  color: var(--white);
  cursor: pointer;
  border-radius: 6px;
  padding: 5px 15px;
  font-size: 10px;
}

.button-green:hover {
  color: #250505;
}

.button-grey {
  background-color: var(--dim-grey);
  color: var(--white);
  cursor: pointer;
  border-radius: 6px;
  padding: 5px 15px;
  font-size: 10px;
}

.button-grey:hover {
  color: #250505;
}

.monte-over-price-title-copy {
  color: #fff6;
  text-align: right;
  width: 100%;
  margin-bottom: 4px;
  font-size: 9px;
  line-height: 9px;
}

.m22-read6 {
  background-color: var(--dark-violet);
  opacity: .8;
  border-radius: 12px 12px 0 0;
  flex: 1;
  height: 76%;
  margin-right: 2px;
}

.m22-write6 {
  background-color: var(--indigo-2);
  opacity: .8;
  border-radius: 12px 12px 0 0;
  flex: 1;
  height: 71%;
  margin-left: 2px;
}

.col-30 {
  width: 30%;
  display: block;
}

.col-30.margin {
  margin-left: 1%;
  margin-right: 1%;
}

.comp-ideal-box-text {
  flex-wrap: wrap;
  place-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.comp-ideal-title {
  outline-offset: 0px;
  text-transform: uppercase;
  border: 1px #000;
  outline: 3px #f80348;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 17px;
  line-height: 15px;
  text-decoration: none;
}

.memory-text {
  color: var(--dark-violet);
  text-align: center;
  width: 100%;
  font-size: 18px;
  font-weight: 800;
}

.link-ideal {
  color: var(--white);
  text-align: left;
  cursor: pointer;
  flex-wrap: wrap;
  place-content: center flex-start;
  align-items: center;
  width: 23%;
  margin-left: 1%;
  margin-right: 1%;
  padding: 30px 10px;
  text-decoration: none;
  transition: all .2s;
  display: flex;
  position: relative;
  transform: scale(1);
}

.link-ideal:hover {
  transform: scale(1.1);
}

.link-ideal {
  margin-bottom: 30px;
  padding-left: 30px;
  padding-right: 30px;
}

.ideal-text2 {
  opacity: .6;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 11px;
  font-weight: 600;
  line-height: 15px;
  text-decoration: none;
}

.carrossel-home-block {
  background-color: #00000080;
  border-radius: 30px;
  flex-wrap: wrap;
  place-content: center;
  align-items: center;
  width: 98%;
  max-width: 1280px;
  margin-bottom: 30px;
  padding: 70px 20px 40px;
  display: flex;
}

.carrossel-home-h1 {
  color: var(--white);
  text-align: left;
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 30px;
  font-weight: 800;
  line-height: 24px;
}

.carrossel-home-h2 {
  color: var(--white);
  text-align: left;
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 13px;
  font-weight: 600;
  line-height: 15px;
}

.nav-link3 {
  color: #fff;
  text-transform: uppercase;
  cursor: pointer;
  border-radius: 20px;
  place-content: center;
  align-self: auto;
  align-items: center;
  height: 27px;
  margin-right: 0;
  padding-top: 1px;
  padding-left: 10px;
  padding-right: 15px;
  font-family: Montserrat, sans-serif;
  font-size: 10px;
  font-weight: 700;
  line-height: 10px;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.nav-link3:hover {
  border-color: var(--lime-green);
  background-color: var(--lime-green);
  color: var(--white);
}

.nav-link3.w--current {
  background-color: var(--crimson-3);
  color: #fff;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  height: 30px;
  padding-left: 15px;
  padding-right: 15px;
  font-weight: 600;
  display: flex;
}

.carrossel-home-item-block {
  cursor: pointer;
  place-content: center flex-start;
  align-items: center;
  width: 100%;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  padding: 0;
  transition: all .2s;
  display: flex;
}

.carrossel-home-item-block:hover {
  transform: scale(1.05);
}

.slide-nav-2 {
  font-size: 5px;
  line-height: 8px;
}

.header-text-block-right {
  z-index: 90;
  color: var(--dim-grey);
  flex-wrap: wrap;
  place-content: center;
  align-items: flex-start;
  width: 50%;
  padding-left: 20px;
  display: flex;
}

.header-image-side1 {
  z-index: 99;
  justify-content: center;
  align-items: center;
  width: 50%;
  padding-right: 13px;
  display: flex;
}

.header-text-left {
  flex-wrap: wrap;
  place-content: center flex-start;
  align-items: stretch;
  width: 100%;
  margin-bottom: 5px;
  display: flex;
}

.header-t-11 {
  color: var(--white);
  width: 60%;
  margin-top: 0;
  margin-bottom: 15px;
  font-size: 28px;
  font-weight: 800;
  line-height: 28px;
}

.header-but-text2 {
  text-align: left;
  font-size: 15px;
  font-weight: 800;
  line-height: 15px;
}

.header-text-arrow {
  width: 16px;
}

.head-text-arrow-block {
  margin-left: 15px;
}

.header-but-block {
  flex: 1;
}

.header-title-yellow1 {
  color: var(--yellow);
  text-align: left;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 30px;
  font-weight: 800;
  line-height: 25px;
}

.head-but-yellow {
  background-color: var(--yellow);
  color: #000;
  text-transform: uppercase;
  cursor: pointer;
  border-radius: 12px;
  align-items: center;
  height: 50px;
  margin-top: 10px;
  margin-right: 10px;
  padding-top: 0;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 12px;
  font-weight: 700;
  line-height: 12px;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.head-but-yellow:hover {
  box-shadow: 0 4px 50px -10px #fff20099;
}

.header-title-purple1 {
  color: #a81cff;
  text-align: left;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 120px;
  font-weight: 700;
  line-height: 100px;
}

.new-header-text-01 {
  color: #fff;
  text-align: left;
  width: 100%;
  margin-top: 0;
  margin-bottom: 3px;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
}

.header-title-yellow2 {
  color: var(--yellow);
  text-align: left;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 20px;
}

.header-title-pink1 {
  color: var(--pink);
  text-align: left;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 30px;
  font-weight: 800;
  line-height: 25px;
}

.header-title-pink2 {
  color: #e492b6;
  text-align: left;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 20px;
}

.head-but-pink {
  background-image: linear-gradient(to bottom, var(--deep-pink-2), var(--medium-violet-red));
  color: var(--white);
  text-transform: uppercase;
  cursor: pointer;
  border-radius: 12px;
  align-items: center;
  height: 50px;
  margin-top: 10px;
  padding: 14px 20px 16px;
  font-size: 12px;
  font-weight: 700;
  line-height: 12px;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.head-but-pink:hover {
  box-shadow: 0 4px 50px -10px #ff177c66;
}

.header-title-blue1 {
  color: var(--cyan);
  text-align: left;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 30px;
  font-weight: 800;
  line-height: 25px;
}

.header-title-orange2 {
  color: #b15f00;
  text-align: left;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 20px;
}

.head-but-blue {
  background-image: linear-gradient(to bottom, var(--cyan), var(--dark-cyan));
  color: #000;
  text-transform: uppercase;
  cursor: pointer;
  border-radius: 12px;
  align-items: center;
  height: 50px;
  margin-top: 10px;
  padding: 14px 20px 16px;
  font-size: 12px;
  font-weight: 700;
  line-height: 12px;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.head-but-blue:hover {
  box-shadow: 0 4px 50px -10px #17e8ff7d;
}

.header-title-orange1 {
  color: var(--dark-orange);
  text-align: left;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 30px;
  font-weight: 800;
  line-height: 25px;
}

.head-but-orange {
  background-image: linear-gradient(to bottom, var(--orange-3), var(--chocolate));
  color: #fff;
  text-transform: uppercase;
  cursor: pointer;
  border-radius: 12px;
  align-items: center;
  height: 50px;
  margin-top: 10px;
  padding: 14px 20px 16px;
  font-size: 12px;
  font-weight: 700;
  line-height: 12px;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.head-but-orange:hover {
  box-shadow: 0 4px 50px -10px #f887037d;
}

.header-title-blue2 {
  color: #078d9c;
  text-align: left;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 20px;
}

.header-title-green1 {
  color: var(--lime-green);
  text-align: left;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 30px;
  font-weight: 800;
  line-height: 25px;
}

.header-title-green2 {
  color: #14a048;
  text-align: left;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 20px;
}

.head-but-green {
  background-image: linear-gradient(to bottom, var(--lime-green), var(--medium-sea-green));
  color: var(--black-2);
  text-transform: uppercase;
  cursor: pointer;
  border-radius: 12px;
  align-items: center;
  height: 50px;
  margin-top: 10px;
  padding: 14px 20px 16px;
  font-size: 12px;
  font-weight: 700;
  line-height: 12px;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.head-but-green:hover {
  box-shadow: 0 4px 50px -10px #25d36678;
}

.head-but-yellow2 {
  border: 1px solid var(--yellow);
  color: var(--yellow);
  text-transform: uppercase;
  cursor: pointer;
  border-radius: 12px;
  align-items: center;
  height: 50px;
  margin-top: 10px;
  margin-right: 10px;
  padding: 14px 20px 16px;
  font-size: 12px;
  font-weight: 700;
  line-height: 12px;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.head-but-yellow2:hover {
  background-color: var(--yellow);
  color: var(--black);
  box-shadow: 0 4px 50px -10px #fff20099;
}

.head-but-purple2 {
  border: 1px solid var(--white);
  color: var(--white);
  text-transform: uppercase;
  cursor: pointer;
  border-radius: 12px;
  align-items: center;
  height: 32px;
  margin-top: 10px;
  margin-right: 10px;
  padding: 1px 20px;
  font-size: 10px;
  font-weight: 700;
  line-height: 10px;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.head-but-purple2:hover {
  border: 1px solid var(--white-smoke);
  color: var(--white);
  transform: scale(1.05);
  box-shadow: 0 4px 50px -10px #a81cff82;
}

.head-but-pink2 {
  border: 1px solid var(--deep-pink-2);
  color: var(--deep-pink-2);
  text-transform: uppercase;
  cursor: pointer;
  border-radius: 12px;
  align-items: center;
  height: 50px;
  margin-top: 10px;
  margin-right: 10px;
  padding: 14px 20px 16px;
  font-size: 12px;
  font-weight: 700;
  line-height: 12px;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.head-but-pink2:hover {
  background-image: linear-gradient(to bottom, var(--deep-pink-2), var(--medium-violet-red));
  color: var(--white);
  box-shadow: 0 4px 50px -10px #fa216580;
}

.head-but-orange2 {
  border: 1px solid var(--orange-3);
  color: var(--orange-3);
  text-transform: uppercase;
  cursor: pointer;
  border-radius: 12px;
  align-items: center;
  height: 50px;
  margin-top: 10px;
  margin-right: 10px;
  padding: 14px 20px 16px;
  font-size: 12px;
  font-weight: 700;
  line-height: 12px;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.head-but-orange2:hover {
  background-image: linear-gradient(to bottom, var(--orange-3), var(--chocolate));
  color: var(--white);
  box-shadow: 0 4px 50px -10px #f89a0382;
}

.head-but-green2 {
  border: 1px solid var(--lime-green);
  color: var(--lime-green);
  text-transform: uppercase;
  cursor: pointer;
  border-radius: 12px;
  align-items: center;
  height: 50px;
  margin-top: 10px;
  margin-right: 10px;
  padding: 14px 20px 16px;
  font-size: 12px;
  font-weight: 700;
  line-height: 12px;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.head-but-green2:hover {
  background-image: linear-gradient(to bottom, var(--lime-green), var(--medium-sea-green) 99%, var(--chocolate));
  color: var(--black);
  box-shadow: 0 4px 50px -10px #25d36680;
}

.head-but-blue2 {
  border: 1px solid var(--cyan);
  color: var(--cyan);
  text-transform: uppercase;
  cursor: pointer;
  border-radius: 12px;
  align-items: center;
  height: 50px;
  margin-top: 10px;
  margin-right: 10px;
  padding: 14px 20px 16px;
  font-size: 12px;
  font-weight: 700;
  line-height: 12px;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.head-but-blue2:hover {
  background-image: linear-gradient(to bottom, var(--deep-sky-blue), var(--dark-cyan));
  color: var(--black);
  box-shadow: 0 4px 50px -10px #2fc6f57d;
}

.icone-pc-ideal {
  height: 32px;
  margin-bottom: 12px;
}

.ideal-text3 {
  background-color: var(--crimson-3);
  color: #fff;
  cursor: pointer;
  border-radius: 50px;
  margin-top: 10px;
  margin-bottom: 0;
  padding: 8px 17px 7px;
  font-size: 10px;
  font-weight: 700;
  line-height: 14px;
  text-decoration: none;
  transition: all .3s;
}

.ideal-text3:hover {
  box-shadow: 7px 7px 30px -8px var(--crimson-3);
  color: #000;
}

.div60 {
  border-radius: 30px;
  width: 59%;
  margin-bottom: 30px;
  overflow: hidden;
}

.div40 {
  border-radius: 30px;
  width: 39%;
  margin-bottom: 30px;
  overflow: hidden;
}

.div-color-gray {
  background-image: linear-gradient(#242424, #161616);
  width: 100%;
}

.cascata-wrap {
  flex-wrap: wrap;
  place-content: flex-start space-between;
  align-items: flex-start;
  width: 98%;
  max-width: 1280px;
  display: flex;
}

.div-color-ventura {
  background-image: url('../images/FUrfhkyXsAwgIof.jpg'), linear-gradient(to bottom, var(--dark-violet), var(--indigo));
  background-position: 50%, 0 0;
  background-size: cover, auto;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 500px;
  padding: 50px;
  display: flex;
}

.div-color-windows {
  opacity: 1;
  background-image: url('../images/windows-11-dark-mode-blue-stock-official-3840x2400-5630.jpg');
  background-position: 50%;
  background-size: cover;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 500px;
  padding: 51px 50px;
  display: flex;
}

.div-color-hackpro {
  background-image: linear-gradient(to bottom, var(--tomato), #8b210c);
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 500px;
  padding: 50px 36px;
  display: flex;
}

.div100 {
  border-radius: 30px;
  width: 100%;
  margin-bottom: 30px;
  overflow: hidden;
}

.div-color-teste {
  opacity: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 400px;
  padding: 51px;
  display: flex;
}

.rodape-block {
  background-color: var(--black-5);
  border-radius: 30px;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-bottom: 10px;
  padding: 50px;
  display: flex;
}

._1280-rodape {
  flex-wrap: wrap;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  max-width: 1280px;
  padding: 30px 1% 90px;
  display: flex;
}

.div33 {
  border-radius: 30px;
  width: 32%;
  margin-bottom: 30px;
  overflow: hidden;
}

.div-color-placas {
  background-image: linear-gradient(to bottom, var(--deep-pink-2), var(--brown) 99%);
  flex-wrap: wrap;
  place-content: center;
  align-items: center;
  width: 100%;
  height: 500px;
  padding: 50px 39px;
  display: flex;
}

.div-color-desconto {
  background-image: linear-gradient(to bottom, var(--dark-violet), #3d0361);
  place-content: center;
  align-items: center;
  width: 100%;
  height: 500px;
  padding: 50px 37px;
  display: flex;
}

.pc-image {
  width: 200px;
  margin-top: -150px;
}

.monte-card-name {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.monte-card-model {
  color: var(--crimson);
  width: 100px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 10px;
  line-height: 11px;
}

.m-card-content {
  flex: 1;
  place-content: center flex-start;
  align-items: center;
  display: flex;
}

.m-card-content.necessary {
  background-color: var(--crimson);
  box-shadow: 0 5px 30px -10px var(--crimson);
  font-size: 14px;
}

.m-card-line {
  background-color: #000;
  width: 20%;
  height: 1px;
}

.s-monte2 {
  z-index: 0;
  justify-content: center;
  align-items: center;
  padding-top: 30px;
  padding-bottom: 0;
  display: flex;
}

.sticky-compare {
  background-color: var(--dark-violet);
  color: var(--white);
  cursor: pointer;
  background-image: linear-gradient(#000c, #000000e6);
  border-radius: 12px;
  flex-wrap: wrap;
  place-content: center;
  align-items: center;
  margin-top: 10px;
  padding: 20px;
  transition: all .3s;
  display: flex;
  box-shadow: 20px 0 50px -20px #000;
}

.sticky-compare:hover {
  color: var(--white);
  box-shadow: 20px 0 50px #000;
}

.sticky-compare-text1 {
  text-align: left;
  width: 100%;
  font-size: 13px;
  font-weight: 700;
  line-height: 13px;
}

.sticky-compare-text2 {
  text-align: center;
  width: 2%;
}

.sticky-compare-text3 {
  text-align: right;
  width: 100%;
  font-size: 16px;
  font-weight: 800;
  line-height: 16px;
}

.sticky-compare-block {
  width: 49%;
}

.section-rodape {
  background-color: #000;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  display: flex;
}

.nav-links-block {
  align-items: center;
  display: flex;
}

.mont-card-division {
  width: 100%;
  margin-top: 40px;
  margin-bottom: 10px;
  padding-left: 11px;
}

.mont-card-division.topo {
  background-color: var(--indigo);
  color: var(--white);
  border-radius: 12px;
  justify-content: space-between;
  align-items: center;
  min-height: 40px;
  margin-top: 25px;
  padding: 5px 20px;
  font-size: 12px;
  line-height: 12px;
  display: flex;
}

.mont-card-division-title {
  color: var(--white);
  text-align: left;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 12px;
  line-height: 12px;
}

.text-block-19 {
  color: var(--white);
}

.machine-block-right {
  display: flex;
}

.body-intel {
  color: var(--dim-grey);
  background-color: #222;
  background-image: url('../images/Untitled-1.jpg');
  background-position: 0 0;
  background-size: cover;
  font-family: Montserrat, sans-serif;
  font-weight: 600;
  text-decoration: none;
}

.body-empresa {
  background-color: var(--black-4);
  color: var(--dim-grey);
  background-image: url('../images/Untitled-1.jpg');
  background-position: 50% 0;
  background-size: cover;
  font-family: Montserrat, sans-serif;
  font-weight: 600;
  text-decoration: none;
}

.slide-3 {
  background-color: var(--blue-navy);
}

.processado-disponiblidade-title {
  background-image: linear-gradient(88deg, var(--blue-violet) 34%, var(--yellow) 62%, var(--orange-red));
  color: var(--dark-violet);
  text-align: center;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  margin-top: 40px;
  margin-bottom: 5px;
  font-size: 30px;
  font-weight: 800;
  line-height: 30px;
}

.header-wrap {
  flex-wrap: wrap;
  place-content: center;
  align-items: center;
  display: flex;
}

.header-image {
  width: 500px;
}

.header-banner {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 500px;
  display: flex;
}

.flex-center-image {
  flex-wrap: wrap;
  place-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.lga-image {
  width: 250px;
  margin-bottom: -50px;
}

.compar-title {
  color: var(--dark-violet);
  text-align: center;
  width: 100%;
  height: 30px;
  font-size: 20px;
  font-weight: 800;
  line-height: 20px;
}

.col-40-comparativo {
  flex-wrap: wrap;
  place-content: center;
  align-items: center;
  width: 40%;
  display: flex;
}

.col-20-comparativo {
  text-align: center;
  flex-wrap: wrap;
  place-content: center;
  align-items: center;
  width: 20%;
  display: flex;
}

.compar-space {
  height: 30px;
}

.compar-text {
  color: var(--white);
  text-align: center;
  justify-content: center;
  align-items: center;
  width: 100%;
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
  display: flex;
}

.compar-item {
  color: var(--dark-violet);
  text-align: center;
  justify-content: center;
  align-items: center;
  width: 100%;
  font-size: 12px;
  font-weight: 700;
  line-height: 12px;
  display: flex;
}

.compar-line {
  flex-wrap: wrap;
  place-content: center;
  align-items: center;
  width: 100%;
  margin-bottom: 15px;
  display: flex;
}

.compar-suporte {
  color: var(--white);
  text-align: center;
  width: 100%;
  font-size: 16px;
  font-weight: 800;
  line-height: 40px;
}

.col-sticky-header-split {
  justify-content: space-between;
  width: 100%;
  display: flex;
}

.sticky-button-a {
  background-image: linear-gradient(to bottom, var(--crimson), #a7002f 87%);
  color: var(--white);
  text-align: center;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  width: 49%;
  height: 50px;
  font-size: 12px;
  font-weight: 800;
  line-height: 12px;
  text-decoration: none;
  display: flex;
}

.sticky-button-a:hover {
  box-shadow: 1px 1px 3px #000;
}

.sticky-button {
  border: 1px solid var(--crimson);
  color: var(--crimson);
  text-align: center;
  cursor: pointer;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  width: 49%;
  height: 50px;
  font-size: 12px;
  font-weight: 800;
  line-height: 12px;
  text-decoration: none;
  display: flex;
}

.sticky-button:hover {
  border-color: var(--white);
  color: var(--white);
}

.sticky-compare-hackpro {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.call-button-t2 {
  width: 100%;
  font-size: 16px;
  line-height: 16px;
}

.body-home {
  flex-wrap: wrap;
  place-content: flex-start center;
  align-items: flex-start;
  font-family: Montserrat, sans-serif;
  font-weight: 600;
  text-decoration: none;
  display: flex;
}

.banner {
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.banner-image01 {
  width: 700px;
  height: auto;
  margin-top: -50px;
  margin-bottom: -80px;
}

.header-h1-2 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 40px;
  line-height: 36px;
}

.h2 {
  color: var(--white);
  margin-top: 0;
  margin-bottom: 0;
}

.h2.mbot {
  margin-bottom: 10px;
}

.h2.titlebox {
  background-image: linear-gradient(119deg, var(--cyan), var(--dark-violet) 25%, var(--crimson) 53%, var(--tomato) 80%, var(--dark-orange));
  color: var(--dark-violet);
  text-align: center;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  margin-bottom: 5px;
  font-family: Montserrat, sans-serif;
  font-size: 50px;
  font-weight: 800;
  line-height: 50px;
}

.h2.vantagem {
  color: #b90a9a;
  margin-bottom: 11px;
  font-size: 20px;
  font-weight: 700;
  line-height: 20px;
}

.h2.confira {
  background-image: linear-gradient(119deg, var(--cyan), var(--dark-violet) 25%, var(--crimson) 53%, var(--tomato) 80%, var(--dark-orange));
  color: var(--dark-violet);
  text-align: center;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  width: 100%;
  margin-bottom: 5px;
  font-family: Montserrat, sans-serif;
  font-size: 50px;
  font-weight: 800;
  line-height: 47px;
}

.h2.titleboxtitle {
  background-image: linear-gradient(119deg, var(--cyan), var(--dark-violet) 25%, var(--crimson) 53%, var(--tomato) 80%, var(--dark-orange));
  color: var(--dark-violet);
  text-align: center;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  width: 100%;
  margin-bottom: 5px;
  font-family: Montserrat, sans-serif;
  font-size: 80px;
  font-weight: 800;
  line-height: 80px;
}

.processador-image {
  width: 100%;
  margin-bottom: -30px;
}

.processador-txt1 {
  color: var(--blue-violet);
  text-align: center;
  margin-top: 0;
  margin-bottom: 5px;
  font-size: 24px;
  font-weight: 700;
}

.processador-txt2 {
  color: var(--white);
  text-align: center;
  margin-top: -1px;
  margin-bottom: -1px;
  font-size: 14px;
  font-weight: 800;
  line-height: 20px;
}

.col-100-margin {
  flex-wrap: wrap;
  place-content: flex-start center;
  align-items: center;
  width: 100%;
  padding-left: 5%;
  padding-right: 5%;
  display: flex;
}

.h3 {
  color: var(--white);
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
}

.h4 {
  color: var(--white);
  margin-top: 0;
  margin-bottom: 0;
}

.h4.mtop {
  margin-top: 20px;
  font-weight: 500;
}

.hack-block-black {
  text-align: center;
  background-color: #0006;
  border-radius: 30px;
  width: 100%;
  padding: 70px 30px 50px;
  overflow: hidden;
}

.col-100-vantage {
  flex-wrap: wrap;
  place-content: flex-start center;
  align-items: center;
  width: 100%;
  display: flex;
}

.vantagem-icon {
  width: 150px;
  margin-bottom: -10px;
}

.h5 {
  color: var(--white);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
}

.text-03 {
  color: var(--dark-violet);
  width: 100%;
  margin-top: 50px;
  margin-bottom: 10px;
  font-size: 24px;
  font-weight: 700;
  line-height: 28px;
}

.chip-1 {
  z-index: 3;
  width: 20%;
  margin: 2% 1%;
  position: relative;
  box-shadow: 0 0 80px #000;
}

.chip-2 {
  z-index: 2;
  width: 17%;
  margin: 2% -3%;
  position: relative;
  box-shadow: 0 0 80px #000;
}

.chip-3 {
  z-index: 1;
  width: 14%;
  margin: 2% 1%;
  position: relative;
  box-shadow: 0 0 80px #000;
}

.chip-vrs {
  width: 80px;
  margin-right: 10px;
}

.h3-vrs {
  color: var(--dark-violet);
  width: 100%;
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 24px;
  font-weight: 700;
  line-height: 28px;
}

.col-100-vrs {
  color: var(--white);
  text-align: left;
  flex-wrap: wrap;
  place-content: flex-start;
  align-items: stretch;
  width: 100%;
  padding-top: 20px;
  font-size: 14px;
  line-height: 16px;
  display: flex;
}

.vrs-line {
  flex-wrap: nowrap;
  align-items: center;
  width: 100%;
  margin-top: 10px;
  margin-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
}

.vrs-bars {
  flex-wrap: wrap;
  flex: 1;
  align-content: center;
  align-items: center;
  display: flex;
}

.vrs-bar {
  flex-wrap: wrap;
  align-content: center;
  width: 100%;
  font-size: 12px;
  font-weight: 500;
  line-height: 12px;
  display: flex;
}

.vrs-bar-price {
  flex-wrap: wrap;
  align-content: center;
  width: 100%;
  margin-top: 5px;
  font-size: 12px;
  font-weight: 500;
  line-height: 14px;
  display: flex;
}

.vrs-bar-perfomace1-m1 {
  background-image: linear-gradient(to bottom, var(--crimson), var(--crimson));
  border-radius: 20px;
  width: 19%;
  height: 4px;
}

.vrs-bar-perfomace2-m1 {
  background-image: linear-gradient(to right, #4dd3fd, var(--deep-sky-blue));
  border-radius: 20px;
  width: 12%;
  height: 4px;
}

.vrs-text {
  text-align: right;
  width: 100px;
  margin-right: 10px;
  font-size: 14px;
  font-weight: 800;
  line-height: 14px;
}

.vrs-block-bar {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-top: 0;
  margin-bottom: 5px;
  display: flex;
}

.vrs-points {
  width: 120px;
  margin-left: 10px;
  font-size: 12px;
  font-weight: 600;
  line-height: 10px;
}

.vrs-bar-perfomace1-m1pro {
  background-image: linear-gradient(to bottom, var(--crimson), var(--crimson));
  border-radius: 20px;
  width: 30%;
  height: 4px;
}

.vrs-bar-perfomace2-m1pro {
  background-image: linear-gradient(to right, #4dd3fd, var(--deep-sky-blue));
  border-radius: 20px;
  width: 24%;
  height: 4px;
}

.vrs-bar-perfomace1-m1max {
  background-image: linear-gradient(to bottom, var(--crimson), var(--crimson));
  border-radius: 20px;
  width: 31%;
  height: 4px;
}

.vrs-bar-perfomace2-m1max {
  background-image: linear-gradient(to right, #4dd3fd, var(--deep-sky-blue));
  border-radius: 20px;
  width: 39%;
  height: 4px;
}

.vrs-bar-perfomace1-m1ultra {
  background-image: linear-gradient(to bottom, var(--crimson), var(--crimson));
  border-radius: 20px;
  width: 51%;
  height: 4px;
}

.vrs-bar-perfomace2-m1ultra {
  background-image: linear-gradient(to right, #4dd3fd, var(--deep-sky-blue));
  border-radius: 20px;
  width: 57%;
  height: 4px;
}

.vrs-bar-perfomace1-i5 {
  background-image: linear-gradient(to bottom, var(--crimson), var(--crimson));
  border-radius: 20px;
  width: 50%;
  height: 5px;
}

.vrs-bar-perfomace2-m2 {
  background-image: linear-gradient(to right, #4dd3fd, var(--deep-sky-blue));
  border-radius: 20px;
  width: 18%;
  height: 4px;
}

.vrs-bar-perfomace1-m2 {
  background-image: linear-gradient(to bottom, var(--crimson), var(--crimson));
  border-radius: 20px;
  width: 21%;
  height: 4px;
}

.vrs-bar-perfomace2-m1-copy {
  background-image: linear-gradient(to right, #4dd3fd, var(--deep-sky-blue));
  border-radius: 20px;
  width: 58%;
  height: 5px;
}

.vrs-bar-perfomace1-i7 {
  background-image: linear-gradient(to bottom, var(--crimson), var(--crimson));
  border-radius: 20px;
  width: 70%;
  height: 5px;
}

.vrs-bar-perfomace2-i7 {
  background-image: linear-gradient(to right, #4dd3fd, var(--deep-sky-blue));
  border-radius: 20px;
  width: 80%;
  height: 5px;
}

.vrs-bar-perfomace1-i9 {
  background-image: linear-gradient(to bottom, var(--crimson), var(--crimson));
  border-radius: 3px;
  flex: 0 auto;
  width: 100%;
  height: 5px;
}

.vrs-bar-perfomace2-i9 {
  background-image: linear-gradient(to right, #4dd3fd, var(--deep-sky-blue));
  border-radius: 3px;
  width: 100%;
  height: 5px;
}

.vrs-flex {
  flex: 1;
  align-items: center;
  display: flex;
}

.vrs-price {
  background-color: var(--white);
  color: var(--black);
  border-radius: 12px;
  padding: 5px 10px 4px;
  font-size: 16px;
  font-weight: 800;
  line-height: 20px;
}

.vrs-name {
  margin-right: 10px;
  font-size: 12px;
  font-weight: 600;
  line-height: 20px;
}

.total {
  flex-wrap: wrap;
  place-content: flex-start center;
  align-items: flex-start;
  width: 100vw;
  padding-top: 100px;
  display: flex;
}

.qq-price-side {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
  width: 50%;
  display: flex;
}

.qq-price-text2 {
  color: var(--white);
  text-align: right;
  width: 100%;
  margin-bottom: 5px;
  font-size: 18px;
  font-weight: 700;
  line-height: 20px;
}

.qq-price-text3 {
  color: var(--dark-violet);
  text-align: right;
  width: 100%;
  font-size: 14px;
  font-weight: 700;
  line-height: 14px;
}

.qq-price-text1 {
  color: var(--white);
  text-align: right;
  width: 100%;
  margin-bottom: 2px;
  font-size: 10px;
  font-weight: 400;
  line-height: 10px;
}

.col-100-revenda {
  text-align: center;
  flex-wrap: wrap;
  place-content: flex-start center;
  align-items: center;
  width: 100%;
  margin-top: 100px;
  display: flex;
}

.apple-products {
  flex-wrap: wrap;
  place-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.apple-products-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 32px;
  line-height: 30px;
}

.apple-products-block {
  color: var(--white);
  align-items: center;
  width: 100%;
  margin-top: 40px;
  display: flex;
}

.apple-products-line {
  background-color: var(--white);
  flex: 1;
  height: 1px;
  margin-top: 2px;
  margin-left: 20px;
  margin-right: 20px;
}

.nav-link2 {
  background-color: var(--dark-violet);
  transform: scale3d(1none, 1none, 1none);
  color: var(--white);
  text-transform: uppercase;
  cursor: pointer;
  transform-style: preserve-3d;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  height: 26px;
  padding-left: 15px;
  padding-right: 15px;
  font-size: 11px;
  font-weight: 700;
  line-height: 10px;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.nav-link2:hover {
  box-shadow: 0 6px 20px -10px var(--dark-violet);
  color: var(--white);
  font-weight: 700;
  transform: scale(1.2);
}

.orc-line3 {
  background-color: #e6e6e6;
  width: 100%;
  height: 1px;
  margin-top: 10px;
  margin-bottom: 10px;
}

.qq-block-black {
  color: #fff;
  background-color: #0000000d;
  border: 1px solid #fff6;
  border-radius: 15px;
  flex-wrap: wrap;
  place-content: center;
  align-items: center;
  width: 100%;
  height: 80px;
  margin-top: 3px;
  margin-bottom: 3px;
  padding: 15px 20px;
  text-decoration: none;
  transition: all .3s;
  display: flex;
}

.qq-block-black:hover {
  background-color: #00000080;
  border-color: #fffc;
}

.qq-price-wrap {
  flex-wrap: wrap;
  place-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.qq-price-title {
  color: var(--white);
  text-align: center;
  width: 50%;
  font-size: 20px;
  font-weight: 700;
  line-height: 26px;
}

.qq-block-atributes {
  color: var(--white);
  flex-wrap: wrap;
  place-content: flex-start;
  align-items: flex-start;
  width: 100%;
  font-size: 11px;
  font-weight: 500;
  line-height: 18px;
  display: flex;
}

.qq-cor-title {
  color: var(--white);
  text-align: left;
  width: 100%;
  margin-bottom: 8px;
  font-size: 10px;
  font-weight: 500;
  line-height: 12px;
}

.qq-prices-block {
  flex-wrap: wrap;
  align-content: center;
  align-items: stretch;
  width: 100%;
  padding: 0;
  display: flex;
}

.qq-title {
  color: var(--white);
  text-align: left;
  width: 100%;
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 24px;
  font-weight: 700;
  line-height: 26px;
}

._2apple-block-info {
  flex-wrap: wrap;
  flex: 1;
  place-content: center;
  align-items: center;
  width: 60%;
  display: flex;
}

.qq-product {
  flex-wrap: wrap;
  place-content: center;
  align-items: center;
  width: 100%;
  margin-top: 10px;
  margin-bottom: 10px;
  display: flex;
}

.qq-price-title-x {
  color: var(--white);
  text-align: left;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 700;
  line-height: 20px;
}

.qq-block-image {
  justify-content: center;
  align-items: center;
  width: 250px;
  height: 250px;
  margin-right: 3%;
  padding: 15px;
  display: flex;
}

.qq-block-image.iphone {
  padding: 50px;
}

.qq-block-image.studio {
  padding: 26px;
}

.qq-block-list {
  flex-wrap: wrap;
  place-content: center;
  align-items: center;
  width: 30%;
  display: flex;
}

.qq-block-info {
  flex-wrap: wrap;
  align-content: center;
  align-items: center;
  width: 70%;
  height: 350px;
  padding-right: 40px;
  display: flex;
}

.qq-specs {
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 13px;
  font-weight: 500;
  line-height: 20px;
}

.qq-cores {
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
  margin-top: 20px;
  display: flex;
}

.qq-cor {
  background-image: linear-gradient(#ebebeb, #b3b3b3);
  border: 2px solid #fff;
  border-radius: 50px;
  width: 30px;
  height: 30px;
  margin-right: 5px;
}

.qq-cor.black {
  background-image: linear-gradient(#313131, #020202);
}

.qq-cor.gold {
  background-image: linear-gradient(#f5d4c3, #ddac91);
}

.qq-cor.midnight {
  background-image: linear-gradient(#313e4b, #0b2c36);
}

.qq-cor.starlight {
  background-image: linear-gradient(#e7e4cf, #beb696);
}

.qq-cor.grey {
  background-image: linear-gradient(#8f8f8f, #535353);
}

.qq-cor.blue {
  background-image: linear-gradient(#107291, #075176);
}

.qq-cor.red {
  background-image: linear-gradient(#cb1d1d, #ac0b0b);
}

.qq-cor.blue-light {
  background-image: linear-gradient(#c1ddf9, #7bbcd0);
}

.qq-cor.purple {
  background-image: linear-gradient(#cca5e4, #996eb3);
}

.qq-cor.purple2 {
  background-image: linear-gradient(#64526f, #422554);
}

.qq-cor.green {
  background-image: linear-gradient(#8ed8aa, #649a78);
}

.qq-cor.bluenight {
  background-image: linear-gradient(#152d6f, #050e34);
}

.qq-cor.titanium {
  background-image: linear-gradient(#dfdccb, #b4b599);
}

.qq-cor.green-dark {
  background-image: linear-gradient(#073217, #011c0b);
}

.text-obs {
  margin-top: 20px;
}

.orc-name-escuro {
  color: var(--dim-grey);
  width: 50%;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 18px;
  font-weight: 700;
  line-height: 20px;
}

.linha2 {
  background-color: #aaa;
  width: 100%;
  height: 2px;
  margin-top: 20px;
}

.text-span, .text-span-2 {
  color: var(--crimson);
  font-weight: 700;
}

.qq-em-breve-block {
  color: var(--white);
  text-align: center;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 80px;
  display: flex;
}

.vrs-text-mask {
  text-align: right;
  width: 100px;
  margin-right: 10px;
  font-size: 14px;
  font-weight: 800;
  line-height: 14px;
}

.zz-product {
  flex-wrap: wrap;
  place-content: center;
  align-items: center;
  width: 100%;
  margin-top: 10px;
  margin-bottom: 10px;
  display: flex;
}

.zz-block-atributes {
  color: var(--white);
  flex-wrap: wrap;
  place-content: flex-start;
  align-items: flex-start;
  width: 100%;
  font-size: 11px;
  font-weight: 500;
  line-height: 18px;
  display: flex;
}

.zz-title {
  color: var(--white);
  text-align: left;
  width: 100%;
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 20px;
  font-weight: 700;
  line-height: 26px;
}

.zz-specs {
  width: 100%;
  margin-top: 0;
  margin-bottom: 25px;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
}

.zz-price-text1 {
  color: var(--white);
  text-align: left;
  width: 100%;
  margin-bottom: 2px;
  font-size: 10px;
  font-weight: 400;
  line-height: 10px;
}

.zz-price-text2 {
  color: var(--white);
  text-align: left;
  width: 100%;
  margin-bottom: 5px;
  font-size: 18px;
  font-weight: 700;
  line-height: 20px;
}

.zz-price-text3 {
  color: var(--dark-violet);
  text-align: left;
  width: 100%;
  font-size: 14px;
  font-weight: 700;
  line-height: 14px;
}

.zz-quero-comprar {
  color: #fff;
  cursor: pointer;
  background-color: #0000000d;
  border: 1px solid #fff6;
  border-radius: 15px;
  flex-wrap: wrap;
  place-content: flex-start;
  align-items: flex-start;
  margin-top: 10px;
  margin-bottom: 3px;
  padding: 10px 20px;
  font-size: 12px;
  font-weight: 700;
  line-height: 12px;
  text-decoration: none;
  transition: all .3s;
  display: flex;
}

.zz-quero-comprar:hover {
  border-color: var(--dark-violet);
  background-color: var(--dark-violet);
}

.zz-block {
  flex-wrap: wrap;
  place-content: center flex-start;
  align-items: center;
  width: 50%;
  display: flex;
}

.zz-block-list {
  flex-wrap: wrap;
  place-content: center;
  align-items: center;
  width: 30%;
  display: flex;
}

.zz-price-side {
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  display: flex;
}

.zz-block-image {
  width: 47%;
  margin-right: 3%;
  padding: 15px;
}

.zz-block-info {
  flex-wrap: wrap;
  align-content: center;
  align-items: center;
  width: 100%;
  height: 350px;
  margin-bottom: 30px;
  display: flex;
}

.zz-slider-pc1 {
  border-radius: 30px;
  overflow: hidden;
}

.zz-slider-bullets {
  font-size: 6px;
  bottom: -10px;
}

.zz-slider-iconl {
  margin-left: 10px;
  margin-right: 10px;
  font-size: 20px;
  inset: 0% auto 0% 0%;
}

.zz-slider-right {
  text-align: right;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.zz-slider-iconr {
  margin-left: 10px;
  margin-right: 10px;
  font-size: 20px;
  inset: 0% 0% 0% auto;
}

.conta-block {
  background-color: #0000004d;
  border-radius: 30px;
  flex-wrap: wrap;
  place-content: flex-start space-between;
  align-items: stretch;
  width: 48%;
  margin-bottom: 2%;
  margin-left: 1%;
  margin-right: 1%;
  padding: 28px 30px;
  display: flex;
}

.perfil-text-normal {
  width: 100%;
  font-size: 14px;
  line-height: 24px;
}

.conta-full-block {
  background-color: #0000004d;
  border-radius: 30px;
  flex-wrap: wrap;
  place-content: center space-between;
  align-items: stretch;
  width: 98%;
  margin-bottom: 2%;
  margin-left: 1%;
  margin-right: 1%;
  padding: 28px 30px;
  display: flex;
}

.meus-pedidos-block {
  border: 1px solid #ffffff42;
  border-radius: 12px;
  flex-wrap: wrap;
  place-content: flex-start space-between;
  width: 100%;
  margin-bottom: 10px;
  padding: 20px;
  display: flex;
}

.meus-pedidos-block:hover {
  background-color: #0006;
}

.pedido-item {
  width: 100%;
}

.meus-pedidos-block-left {
  width: 50%;
}

.meus-pedidos-block-right {
  width: 50%;
  line-height: 30px;
}

.meus-pedidos-text1 {
  color: var(--dark-violet);
  margin-bottom: 4px;
  font-size: 20px;
  font-weight: 700;
  line-height: 20px;
}

.meus-pedidos-text2 {
  color: var(--white);
  font-size: 11px;
  line-height: 12px;
}

.meus-pedidos-text3 {
  text-align: right;
  font-size: 9px;
  line-height: 14px;
}

.meus-pedidos-text4 {
  text-align: right;
  font-size: 16px;
  font-weight: 800;
  line-height: 22px;
}

.meus-pedidos-details {
  flex-wrap: wrap;
  place-content: center;
  align-items: center;
  width: 100%;
  margin-top: 15px;
  display: flex;
}

.meus-pedidos-line {
  background-color: #ffffff80;
  width: 100%;
  height: 1px;
  margin-bottom: 20px;
}

.meus-pedidos-status {
  width: 100%;
  padding: 30px;
  display: flex;
}

.meus-pedidos-status-line {
  background-color: var(--dark-violet);
  flex: 1;
  height: 1px;
  margin-top: 15px;
}

.meus-pedidos-ball {
  border: 2px solid var(--dark-violet);
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  margin-left: 10px;
  margin-right: 10px;
  display: flex;
}

.meus-pedidos-status-item {
  text-align: center;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 10%;
  display: flex;
}

.meus-pedidos-status-text {
  width: 100%;
  margin-top: 10px;
  font-size: 10px;
  line-height: 12px;
}

.meus-pedidos-ball-inner {
  border: 2px solid var(--dark-violet);
  background-color: var(--dark-violet);
  border-radius: 100px;
  width: 16px;
  height: 16px;
}

.meus-pedidos-title-block {
  color: var(--white);
  text-align: center;
  width: 100%;
  margin-bottom: 25px;
  font-size: 26px;
  font-weight: 700;
  line-height: 30px;
}

.meus-pedidos-item-block {
  cursor: pointer;
  border: 1px solid #ffffff4d;
  border-radius: 12px;
  margin-top: 15px;
  margin-left: 10px;
  margin-right: 10px;
  padding: 12px 20px;
}

.meus-pedidos-item-block:hover {
  border-color: var(--dark-violet);
  background-color: var(--dark-violet);
}

.meus-pedidos-list {
  flex-wrap: wrap;
  width: 100%;
  padding: 30px;
  display: flex;
}

.meus-pedidos-line-product {
  flex-wrap: nowrap;
  align-items: center;
  width: 100%;
  margin-bottom: 7px;
  display: flex;
}

.meus-pedidos-line-product.header {
  margin-bottom: 20px;
}

.meus-pedidos-line-product.subtotal {
  margin-top: 15px;
  margin-bottom: 15px;
}

.mp-60 {
  width: 60%;
  font-size: 11px;
  font-weight: 400;
  line-height: 12px;
}

.mp-60.header {
  font-size: 16px;
  font-weight: 700;
  line-height: 16px;
}

.mp-60.subtotal {
  font-size: 12px;
  font-weight: 600;
}

.mp-20 {
  text-align: right;
  width: 20%;
  font-size: 12px;
  font-weight: 400;
  line-height: 12px;
}

.mp-20.header {
  font-size: 14px;
  font-weight: 700;
  line-height: 14px;
}

.mp-20.subtotal {
  font-size: 16px;
  font-weight: 600;
  line-height: 16px;
}

.conta-title {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-bottom: 25px;
  display: flex;
}

.conta-title.nomarg {
  flex-wrap: wrap;
  margin-bottom: 0;
}

.perfil-buttons {
  flex: 1;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.perfil-form {
  width: 100%;
}

.perfil-field {
  color: var(--white);
  background-color: #0000003d;
  border: 1px solid #fff3;
  border-radius: 12px;
  margin-bottom: 15px;
  padding: 7px 15px 8px;
  font-size: 13px;
  line-height: 13px;
}

.perfil-field::placeholder {
  color: #ffffff4d;
  font-weight: 600;
}

.perfil-field.ultimo {
  margin-bottom: -10px;
}

.disable {
  display: none;
}

.nav-link-right {
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.nav-link-user {
  border: 1px solid var(--white);
  cursor: pointer;
  border-radius: 36px;
  width: 36px;
  height: 36px;
  margin-left: 10px;
  padding: 6px 9px 10px;
  transition: all .2s;
  display: none;
  position: relative;
}

.nav-link-user:hover {
  transform: scale(1.1);
}

.conta-block-other {
  flex-wrap: wrap;
  place-content: center;
  align-items: center;
  display: flex;
}

.conta-block-other-text {
  color: var(--white);
  cursor: pointer;
  border: 1px solid #0000;
  border-radius: 12px;
  margin-left: 10px;
  margin-right: 10px;
  padding: 15px 20px;
  text-decoration: none;
  transition: all .2s;
}

.conta-block-other-text:hover {
  border: 1px solid var(--white);
}

.conta-block-other-but {
  background-color: var(--crimson);
  color: #fff;
  cursor: pointer;
  border-radius: 12px;
  margin-left: 10px;
  margin-right: 10px;
  padding: 15px 20px;
  font-size: 12px;
  line-height: 12px;
  text-decoration: none;
  transition: all .2s;
}

.conta-block-other-but:hover {
  box-shadow: 0 10px 20px -10px var(--crimson);
}

.but-google {
  color: var(--white);
  cursor: pointer;
  background-color: #df1e1e;
  border: 1px solid #df1e1e;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  height: 36px;
  margin-right: 10px;
  padding: 5px 20px 5px 10px;
  text-decoration: none;
  display: flex;
}

.but-google:hover {
  background-color: #a91010;
}

.but-facebook {
  color: var(--white);
  cursor: pointer;
  background-color: #004fc6;
  border: 1px solid #004fc6;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  height: 36px;
  padding: 5px 20px 5px 10px;
  text-decoration: none;
  display: flex;
}

.but-facebook:hover {
  background-color: #013582;
}

.entrarcom {
  width: 100%;
  margin-bottom: 8px;
}

.image-but {
  width: 26px;
  height: 26px;
  margin-right: 5px;
}

.login-entrar {
  border: 1px solid var(--dark-violet);
  background-color: var(--dark-violet);
  color: #fff;
  cursor: pointer;
  border-radius: 12px;
  flex: 0 auto;
  place-content: center;
  align-items: center;
  height: 36px;
  margin-left: 5px;
  padding-top: 1px;
  padding-left: 15px;
  padding-right: 15px;
  font-size: 12px;
  line-height: 14px;
  transition: all .2s;
  display: flex;
}

.login-entrar:hover {
  background-color: var(--indigo);
  color: #fff;
}

.pedido-nome {
  font-size: 17px;
  line-height: 20px;
}

.pedido-endereco {
  margin-top: 10px;
  font-size: 13px;
  font-weight: 500;
  line-height: 14px;
}

.passo-a-passo {
  z-index: 999;
  background-color: #000000e6;
  width: 100%;
  padding: 15px;
  position: fixed;
  inset: auto 0% 73px;
}

.icon-itens {
  color: var(--white);
  background-color: #f80348;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  font-size: 11px;
  line-height: 11px;
  display: flex;
  position: absolute;
  inset: -5px -5px auto auto;
}

.m-card-item {
  color: var(--white);
  text-align: center;
  flex-wrap: wrap;
  place-content: center;
  align-items: center;
  height: 80px;
  font-size: 24px;
  font-weight: 800;
  line-height: 24px;
  display: flex;
  position: relative;
}

.m-card-item.left {
  width: 100px;
}

.m-card-item.right {
  flex: 1;
  padding-left: 20px;
}

.m-card-txt-2 {
  text-align: center;
  font-size: 10px;
  font-weight: 700;
  line-height: 10px;
}

.m-card-line-1 {
  background-color: #fff3;
  width: 1px;
  height: 100%;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.m-card-txt-3 {
  color: var(--white);
  text-align: left;
  width: 100%;
  margin-top: 0;
  margin-bottom: 2px;
  font-size: 16px;
  font-weight: 800;
  line-height: 16px;
}

.m-card-txt-4 {
  color: #fff;
  text-align: left;
  flex: 0 auto;
  width: 100%;
  font-size: 11px;
  font-weight: 500;
  line-height: 12px;
}

.m-card-conteudo {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.m-card-price-line-price {
  background-color: #fff3;
  width: 1px;
  height: 100%;
  display: none;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.m-card-need {
  color: var(--crimson);
  text-align: center;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  width: 100px;
  margin-bottom: -10px;
  font-size: 10px;
  line-height: 11px;
  display: flex;
}

.m-card-image {
  text-align: center;
  flex-wrap: wrap;
  place-content: center;
  align-items: center;
  width: 100%;
  padding: 20px 12px 8px;
  display: flex;
}

.m-card-gabinete-price {
  color: #fff;
  text-align: center;
  border-width: 1px;
  border-color: #fff;
  border-radius: 0 12px 12px 0;
  place-content: center;
  align-items: center;
  width: 100%;
  padding: 5px 20px 20px;
  font-size: 12px;
  line-height: 12px;
  display: flex;
  position: relative;
}

.sticky-price-block {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.sticky-price-block2 {
  text-align: left;
  flex-wrap: wrap;
  place-content: center flex-start;
  align-items: flex-start;
  width: 50%;
  display: flex;
}

.sticky-price-text {
  color: #fff6;
  text-align: left;
  width: 100%;
  margin-bottom: 4px;
  font-size: 9px;
  line-height: 9px;
}

.orc-cliente-nascimento {
  margin-top: 5px;
}

.nav-left-complete {
  height: 1px;
}

.hack-pro-logo {
  width: 200px;
}

.apple-links-block {
  flex-wrap: wrap;
  place-content: flex-start center;
  align-items: center;
  width: 100%;
  margin-top: 30px;
  padding-top: 10px;
  display: flex;
}

.apple-link {
  border: 1px solid var(--white);
  color: var(--white);
  text-align: center;
  cursor: pointer;
  border-radius: 15px;
  justify-content: center;
  align-items: center;
  margin-bottom: 10px;
  margin-left: 5px;
  margin-right: 5px;
  padding: 20px;
  font-size: 14px;
  font-weight: 700;
  line-height: 14px;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.apple-link:hover {
  color: #000;
  background-color: #ffffffe6;
  transform: scale(1.1);
}

.apple-link.active {
  border-color: var(--crimson);
  background-color: var(--crimson);
}

.apple-link.active:hover {
  color: #fff;
  transform: none;
}

.nav-link-icon {
  width: 20px;
  height: 20px;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 10px;
}

.new-block {
  z-index: 0;
  color: #1a1a1a;
  background-color: #fff;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  font-family: Montserrat, sans-serif;
  display: flex;
  position: relative;
}

.new-monte-seu {
  flex-flow: column wrap;
  place-content: flex-start center;
  width: 74%;
  margin-bottom: 0;
  padding-right: 40px;
  display: flex;
}

.new-line {
  flex-wrap: wrap;
  place-content: center;
  align-items: center;
  width: 100%;
  padding-top: 70px;
  padding-bottom: 40px;
  display: flex;
}

.new-tipo-pc-but {
  border-width: 1px;
  border-color: var(--white);
  color: var(--black);
  cursor: pointer;
  background-color: #e7e7e7;
  border-radius: 12px;
  flex-wrap: wrap;
  align-content: flex-end;
  align-items: flex-end;
  width: 200px;
  height: 110px;
  margin-top: 0;
  margin-left: 1%;
  margin-right: 1%;
  padding: 15px 20px;
  text-decoration: none;
  transition: all .2s;
  display: flex;
  box-shadow: 0 10px 50px -15px #0000000d;
}

.new-tipo-pc-but:hover {
  border-color: var(--dark-violet);
  background-color: #ddd;
  box-shadow: 0 10px 50px -15px #0006;
}

.new-text-10 {
  text-align: left;
  width: 100%;
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 16px;
}

.new-text-11 {
  text-align: left;
  width: 100%;
  font-size: 11px;
  font-weight: 500;
  line-height: 11px;
}

.new-tipo-pc-but-a {
  box-shadow: 0 10px 30px -15px var(--dark-violet);
  color: var(--white);
  background-color: #8a0ed6;
  border-radius: 12px;
  flex-wrap: wrap;
  align-content: flex-end;
  align-items: flex-end;
  width: 200px;
  height: 110px;
  margin-top: 0;
  margin-left: 1%;
  margin-right: 1%;
  padding: 15px 20px;
  text-decoration: none;
  display: flex;
}

.new-line-title {
  color: var(--black);
  text-align: left;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 800;
  line-height: 14px;
}

.new-title {
  flex-wrap: wrap;
  place-content: center;
  align-items: center;
  width: 100%;
  height: 24px;
  margin-bottom: 15px;
  padding-left: 8px;
  display: flex;
}

.new-text-price {
  color: var(--crimson);
  align-items: center;
  height: 12px;
  font-size: 12px;
  font-weight: 700;
  line-height: 12px;
  display: flex;
}

.new-text-price.active {
  color: var(--white);
}

.new-tipo-pc-item {
  border: 1px solid var(--gainsboro);
  color: var(--black-7);
  cursor: pointer;
  border-radius: 12px;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  margin-bottom: 6px;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.new-tipo-pc-item:hover {
  background-color: #0000000f;
}

.new-tipo-pc-item.active {
  background-color: var(--black-6);
  color: var(--white);
}

.new-line-item {
  flex-wrap: wrap;
  place-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.new-text-13 {
  width: 100%;
  font-family: Montserrat, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 16px;
}

.new-text-14 {
  color: var(--white);
  background-color: #8a0ed6;
  border-radius: 6px;
  margin-top: 7px;
  margin-right: 5px;
  padding: 5px 8px;
  font-size: 12px;
  font-weight: 700;
  line-height: 12px;
}

.new-text-12 {
  opacity: .7;
  width: 100%;
  font-family: Montserrat, sans-serif;
  font-size: 10px;
  font-weight: 600;
  line-height: 12px;
}

.new-buttons {
  flex-wrap: wrap;
  place-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.new-itens {
  flex-wrap: wrap;
  align-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-top: 10px;
  padding-bottom: 30px;
  display: flex;
}

.new-cart-item-a {
  color: var(--black);
  text-align: left;
  cursor: pointer;
  border-radius: 10px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 32px;
  padding: 5px 0;
  font-size: 11px;
  font-weight: 700;
  line-height: 10px;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.new-cart-item {
  color: var(--dim-grey);
  cursor: pointer;
  border-radius: 10px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 40px;
  padding: 8px 0;
  font-size: 11px;
  font-weight: 600;
  line-height: 10px;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.new-cart-item-check-a {
  width: 18px;
  height: 18px;
  margin-right: 5px;
}

.new-cart-item-check {
  opacity: .2;
  width: 20px;
  height: 20px;
  margin-right: 5px;
}

.new-tipo-icon {
  width: 32px;
  margin-bottom: 2px;
}

.new-text-score {
  text-align: right;
  margin-left: 25px;
  font-size: 12px;
  font-weight: 600;
  line-height: 14px;
}

.new-item-content {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  flex-wrap: wrap;
  flex: 1;
  align-items: center;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 20px;
  display: flex;
}

.new-item-price {
  text-align: center;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  justify-content: center;
  align-items: center;
  width: 120px;
  display: flex;
}

.new-item-price-block {
  text-align: center;
  justify-content: center;
  align-items: center;
  display: flex;
}

.new-item-score-block {
  flex-wrap: wrap;
  justify-content: flex-start;
  margin-right: 30px;
}

.new-text-score-title {
  opacity: .55;
  text-align: right;
  font-size: 8px;
  font-weight: 800;
  line-height: 12px;
}

.new-slide {
  width: 95%;
  display: none;
  position: relative;
  bottom: -80px;
}

.new-slide-bg {
  background-color: var(--silver);
  border-radius: 10px;
  width: 100%;
  height: 8px;
  position: relative;
  box-shadow: inset 0 0 10px #0000004f;
}

.new-slide-ball {
  background-color: var(--dark-violet);
  cursor: pointer;
  border: 2px solid #fff;
  border-radius: 100px;
  width: 24px;
  height: 24px;
  position: absolute;
  top: -8px;
  left: 0;
  box-shadow: 0 0 30px 5px #0000007d;
}

.new-slide-pts {
  background-color: #9c9c9c;
  width: 1px;
  height: 10px;
  margin-top: 15px;
  position: relative;
  top: -8px;
}

.new-slide-pts-text {
  text-align: center;
  width: 100px;
  font-size: 10px;
  line-height: 10px;
  position: absolute;
  bottom: 15px;
  left: -50px;
  right: 0%;
}

.new-slide-copy {
  justify-content: space-between;
  width: 100%;
  padding-left: 12px;
  padding-right: 12px;
  display: flex;
  position: relative;
}

.new-controler-itens {
  z-index: 900;
  background-color: var(--cinza1);
  border-radius: 12px 12px 0 0;
  flex-wrap: wrap;
  place-content: flex-start center;
  align-items: center;
  width: 100%;
  padding: 15px 25px;
  display: flex;
}

.new-tipo-pc-item-a {
  background-color: var(--dim-grey);
  box-shadow: 0 10px 50px -15px var(--dim-grey);
  color: var(--white);
  cursor: pointer;
  border-radius: 10px;
  align-items: center;
  width: 100%;
  margin-bottom: 6px;
  text-decoration: none;
  display: flex;
}

.new-item-line {
  background-color: #00000026;
  width: 1px;
  height: 40px;
}

.nav-bg {
  color: var(--white);
  justify-content: center;
  width: 100%;
  display: flex;
}

.new-line-subtitle {
  color: var(--black);
  text-align: left;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 10px;
  font-weight: 700;
  line-height: 14px;
}

.endereco {
  margin-top: 10px;
}

.new-text-price-a {
  color: var(--white);
  text-align: center;
  align-items: center;
  height: 12px;
  font-size: 12px;
  font-weight: 700;
  line-height: 12px;
  display: flex;
}

.new-controler {
  z-index: 900;
  width: 24%;
}

.new-cart-item-left {
  align-items: center;
  display: flex;
}

.new-cart-item-right {
  align-items: center;
  font-size: 10px;
  font-weight: 500;
  display: flex;
}

.new-line-options {
  flex-wrap: wrap;
  align-content: flex-start;
  align-items: center;
  width: 100%;
  margin-bottom: 20px;
  display: flex;
}

.new-option {
  color: var(--black);
  text-align: center;
  background-color: #f1f1f1;
  border-radius: 12px;
  flex-wrap: wrap;
  place-content: center;
  align-items: center;
  width: 180px;
  height: 80px;
  margin-bottom: 10px;
  margin-right: 10px;
  font-size: 13px;
  font-weight: 800;
  line-height: 14px;
  text-decoration: none;
  display: flex;
}

.new-option:hover {
  background-color: #d8d8d8;
}

.new-option-txt2 {
  width: 100%;
  margin-top: 3px;
  font-size: 10px;
  font-weight: 700;
  line-height: 10px;
}

.new-controler-price {
  color: #fff;
  background-color: #8a0ed6;
  border-radius: 0 0 12px 12px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 0;
  font-size: 16px;
  font-weight: 600;
  display: flex;
}

.new-option-aa {
  background-color: var(--dark-violet);
  color: var(--white);
  text-align: center;
  border-radius: 12px;
  flex-wrap: wrap;
  place-content: center;
  align-items: center;
  width: 180px;
  height: 80px;
  margin-bottom: 10px;
  margin-right: 10px;
  font-size: 13px;
  font-weight: 800;
  line-height: 14px;
  text-decoration: none;
  display: flex;
  box-shadow: 0 10px 30px -15px #8a0ed6b3;
}

.new-controler-price-text1 {
  font-size: 8px;
  font-weight: 700;
  line-height: 10px;
}

.new-option2-txt2 {
  width: 100%;
  margin-top: 2px;
  font-size: 10px;
  font-weight: 700;
  line-height: 10px;
}

.new-option2-voltar {
  background-color: var(--dark-violet);
  color: var(--white);
  text-align: center;
  cursor: pointer;
  border-radius: 12px;
  flex-wrap: wrap;
  place-content: center;
  align-items: center;
  width: 60px;
  height: 80px;
  margin-bottom: 10px;
  margin-right: 30px;
  font-size: 13px;
  font-weight: 700;
  line-height: 13px;
  text-decoration: none;
  display: flex;
}

.new-option2-voltar:hover {
  background-color: var(--indigo);
}

.new-option2-back {
  width: 12px;
  margin-right: 3px;
}

.new-botoes-block {
  place-content: center space-between;
  align-items: center;
  width: 100%;
  margin-top: 20px;
  display: flex;
}

.new-but-avancar {
  color: #fff;
  text-align: right;
  cursor: pointer;
  background-color: #8a0ed6;
  border-radius: 12px;
  justify-content: flex-end;
  align-items: center;
  padding: 18px 20px 18px 30px;
  font-size: 9px;
  font-weight: 600;
  line-height: 9px;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.new-but-avancar:hover {
  box-shadow: 0 10px 50px -10px #8a0ed6;
}

.new-but-voltar {
  background-color: var(--dark-violet);
  color: #fff;
  cursor: pointer;
  border-radius: 12px;
  justify-content: flex-start;
  align-items: center;
  width: 180px;
  padding: 18px 20px;
  font-size: 9px;
  font-weight: 600;
  line-height: 9px;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.new-but-voltar:hover {
  box-shadow: 0 10px 50px -10px #8a0ed6;
}

.new-but-text1 {
  margin-top: 2px;
  font-size: 13px;
  font-weight: 800;
}

.new-but-image-back {
  width: 10px;
  margin-right: 15px;
}

.new-but-image-foward {
  width: 10px;
  margin-left: 15px;
}

.new-option-txt1 {
  width: 100%;
  margin-bottom: 5px;
  font-size: 10px;
  line-height: 18px;
}

.new-controler-right {
  color: #fff;
  text-align: right;
  cursor: pointer;
  background-color: #0000001a;
  border-bottom-right-radius: 12px;
  padding: 20px 20px 20px 24px;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.new-controler-right:hover {
  color: #0009;
}

.new-controler-pay-button {
  font-size: 14px;
  font-weight: 800;
  line-height: 14px;
}

.new-controler-left {
  padding: 20px;
}

.nav-icon-user {
  border: 2px solid #fff;
  border-radius: 20px;
  width: 32px;
  height: 32px;
  margin-left: 20px;
  display: none;
}

.new-option2-voltar-text {
  width: 100%;
  margin-top: 7px;
  font-size: 9px;
  font-weight: 700;
  line-height: 9px;
}

.new-controler-cart {
  width: 20px;
  margin-left: 8px;
}

.new-line-block {
  width: 100%;
}

.new-option2-voltar-mask {
  width: 0%;
}

.new-item-line2 {
  background-color: #00000026;
  width: 1px;
  height: 40px;
  display: none;
}

.scroll-lateral {
  justify-content: center;
  width: 100%;
  display: flex;
  overflow: auto;
}

.menu-itens {
  z-index: 999;
  justify-content: center;
  align-items: center;
  padding: 70px;
  display: flex;
  overflow: auto;
}

.menu-itens-item {
  color: #1f1f1f;
  background-color: #fff;
  border-radius: 0;
  flex-wrap: wrap;
  place-content: center;
  align-items: center;
  width: 126px;
  height: 100px;
  margin-left: 0;
  margin-right: 0;
  padding: 10px;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.menu-itens-item:hover {
  background-color: #f3f3f3;
}

.menu-itens-item.active {
  opacity: 1;
  background-color: #e2e2e2;
  border-radius: 0;
}

.menu-itens-item.porco {
  display: flex;
}

.menu-itens-item-photo {
  width: 36px;
  height: 36px;
}

.menu-itens-item-text {
  text-align: center;
  width: 100%;
  margin-top: 3px;
  margin-bottom: 0;
  font-size: 12px;
  font-weight: 600;
  line-height: 12px;
}

.new-options {
  justify-content: flex-start;
  width: 100%;
  display: flex;
  overflow: auto;
}

.menu-itens-monte {
  z-index: 999;
  flex-wrap: wrap;
  place-content: flex-start;
  align-items: center;
  display: flex;
  overflow: auto;
}

.new-text-15 {
  margin-top: 7px;
  font-size: 11px;
  font-weight: 600;
  line-height: 12px;
}

.text-block-21 {
  font-size: 16px;
}

.html-embed {
  height: 0;
}

.rodape-content {
  z-index: 10;
  flex-wrap: wrap;
  place-content: flex-start center;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.rodape-content.wrap {
  flex-wrap: wrap;
  place-content: flex-start center;
  align-items: flex-start;
  display: flex;
}

.rodape-content.wrap.mbottom2 {
  margin-bottom: 30px;
}

.rodape-content.wrap.mtop {
  align-content: center;
  align-items: center;
  margin-top: 100px;
}

.rodape-content.mbottom {
  margin-bottom: 25px;
}

.rodape-content.depoimento {
  text-align: center;
}

.rodape-content.mtop {
  margin-top: 50px;
}

.rodape-content.topsilicon {
  margin-top: 80px;
}

.rodape-esquerdo {
  flex-wrap: wrap;
  align-content: flex-start;
  width: 100%;
  padding-right: 20px;
  display: flex;
}

.rodape-text1 {
  color: var(--crimson);
  font-size: 15px;
  font-weight: 700;
  line-height: 18px;
}

.rodape-text1.marg20 {
  margin-bottom: 20px;
  font-size: 18px;
  line-height: 24px;
}

.rodape-text-peq {
  color: var(--white);
  width: 100%;
  margin-bottom: 15px;
  font-size: 12px;
  line-height: 12px;
}

.rodape-text-text3 {
  color: var(--white);
  font-size: 12px;
  font-weight: 500;
  line-height: 14px;
}

.rodape-text-whatsapp {
  box-shadow: 0 15px 50px -15px var(--dark-violet);
  color: var(--white);
  text-align: center;
  cursor: pointer;
  background-color: #8a0ed6;
  border-radius: 12px;
  align-items: center;
  margin-bottom: 12px;
  padding: 12px 20px;
  font-size: 12px;
  font-weight: 700;
  text-decoration: none;
  display: flex;
}

.rodape-text-whats-peq {
  color: var(--white);
  width: 100%;
  margin-bottom: 15px;
  font-size: 12px;
  line-height: 12px;
}

.rodape-text-whats-grd {
  color: var(--white);
  width: 100%;
  margin-bottom: 5px;
  font-size: 13px;
  font-weight: 700;
  line-height: 12px;
}

.rodape-central {
  flex-wrap: wrap;
  place-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.rodape-link {
  color: var(--dark-violet);
  cursor: pointer;
  border: 1px solid #8a0ed6;
  border-radius: 12px;
  margin-bottom: 10px;
  margin-right: 10px;
  padding: 8px 15px;
  font-size: 12px;
  line-height: 12px;
  text-decoration: none;
  transition: all .2s;
  box-shadow: 15px 0 50px -15px #0003;
}

.rodape-link:hover {
  color: var(--white);
  background-color: #8a0ed6;
  box-shadow: 0 15px 50px -10px #8a0ed6;
}

.rodape-espaco {
  width: 100%;
  height: 40px;
}

.new-tipo-pc-but2 {
  box-shadow: 0 10px 30px -15px var(--crimson-3);
  color: var(--white);
  background-color: #f80348;
  border-radius: 12px;
  flex-wrap: wrap;
  align-content: flex-end;
  align-items: flex-end;
  width: 200px;
  height: 110px;
  margin-top: 0;
  margin-left: 1%;
  margin-right: 1%;
  padding: 15px 20px;
  text-decoration: none;
  display: flex;
}

.new-controler-block2 {
  justify-content: flex-start;
  width: 26%;
  display: flex;
  overflow: auto;
}

.text-block-22 {
  font-size: 14px;
  font-weight: 700;
  line-height: 14px;
}

.new-contacts {
  padding-right: 28px;
}

.new-account {
  flex-wrap: wrap;
  align-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-bottom: 30px;
  display: flex;
}

.new-form-insert {
  border: 1px solid var(--gainsboro);
  color: var(--black-7);
  cursor: pointer;
  border-radius: 12px;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  margin-bottom: 6px;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.new-form-insert:hover {
  background-color: #0000000f;
}

.new-form-insert.active {
  background-color: var(--black-6);
  color: var(--white);
}

.new-form {
  flex-wrap: wrap;
  place-content: flex-start space-between;
  width: 100%;
  display: flex;
}

.new-form-33 {
  border-radius: 12px;
  width: 32%;
}

.new-form-field {
  border-radius: 12px;
  font-size: 12px;
  font-weight: 500;
  line-height: 12px;
}

.new-form-label {
  margin-bottom: 3px;
  padding-left: 10px;
  font-size: 10px;
  line-height: 10px;
}

.new-but-transparent {
  flex: 0 auto;
  width: 100px;
}

.new-chat-options1 {
  color: var(--black);
  text-align: center;
  background-color: #e4e4e4;
  border-radius: 12px;
  flex-wrap: wrap;
  place-content: center;
  align-items: center;
  margin-bottom: 10px;
  margin-right: 10px;
  padding: 10px 15px;
  font-size: 13px;
  font-weight: 800;
  line-height: 14px;
  text-decoration: none;
  display: block;
}

.new-chat-options1:hover {
  background-color: #b3b3b3;
}

.new-chat-text2 {
  width: 100%;
  margin-top: 3px;
  font-size: 10px;
  font-weight: 500;
  line-height: 10px;
}

.new-chat-text1 {
  font-weight: 700;
}

.new-chat-box-message1 {
  flex-wrap: wrap;
  place-content: flex-start;
  align-items: flex-start;
  margin-top: 20px;
  display: flex;
}

.new-chat-box-title {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-bottom: 10px;
  display: flex;
}

.new-chat-box-bubble1 {
  background-color: #e4e4e4;
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px;
  margin-bottom: 10px;
  padding: 12px 20px;
  font-weight: 500;
  line-height: 14px;
}

.new-chat-box-title-image {
  width: 16px;
  margin-right: 5px;
}

.new-chat-box-title-text {
  font-size: 10px;
  font-weight: 700;
  line-height: 10px;
}

.new-chat-box-message2 {
  flex-wrap: wrap;
  place-content: flex-start flex-end;
  align-items: flex-start;
  margin-top: 20px;
  display: flex;
}

.new-chat-box-title2 {
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  margin-bottom: 10px;
  display: flex;
}

.new-chat-box-bubble2 {
  background-color: var(--crimson);
  color: #fff;
  border-radius: 12px 0 12px 12px;
  padding: 12px 20px;
  font-weight: 500;
  line-height: 14px;
}

.new-chat-box-options {
  flex-wrap: wrap;
  width: 100%;
  display: flex;
}

.header-t-12 {
  color: var(--white);
  width: 60%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 800;
  line-height: 20px;
}

.header-t-13 {
  color: var(--white);
  width: 60%;
  margin-top: 0;
  margin-bottom: 5px;
  font-size: 14px;
  font-weight: 800;
  line-height: 20px;
}

.slide01 {
  background-color: #000;
  width: 100%;
}

.new-header-title-01 {
  background-image: linear-gradient(110deg, var(--dark-violet), #410370);
  color: #a81cff;
  text-align: left;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  margin-top: 0;
  margin-bottom: 20px;
  font-size: 120px;
  font-weight: 700;
  line-height: 100px;
}

.new-header-text-02 {
  color: #fff;
  text-align: left;
  width: 100%;
  margin-top: 0;
  margin-bottom: 3px;
  font-size: 14px;
  line-height: 18px;
}

.new-header-text-03 {
  color: var(--white);
  width: 80%;
  margin-top: 30px;
  margin-bottom: 15px;
  font-size: 14px;
  font-style: italic;
  font-weight: 400;
  line-height: 20px;
}

.text-span-3 {
  color: var(--blue-violet);
}

.text-span-4 {
  color: var(--crimson);
}

.quick-stack {
  width: 100%;
  padding-left: 15px;
  padding-right: 15px;
}

.celula-01 {
  background-color: #181818;
  background-image: linear-gradient(135deg, #530a72, var(--midnight-blue));
  border-radius: 30px;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
  width: 31%;
  margin-top: 100px;
  margin-left: 1%;
  margin-right: 1%;
  padding: 50px;
  display: flex;
}

.celula-text {
  flex-wrap: wrap;
  justify-content: flex-start;
  width: 100%;
}

.carrossel-flex {
  display: flex;
}

.celula-02 {
  background-color: #181818;
  background-image: linear-gradient(311deg, var(--laranja2), var(--laranja1));
  border-radius: 30px;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 31%;
  margin-top: 100px;
  margin-left: 1%;
  margin-right: 1%;
  padding: 50px;
  display: flex;
}

.celula-03 {
  background-color: #181818;
  background-image: linear-gradient(152deg, var(--dodger-blue), #0a5081);
  border-radius: 30px;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 31%;
  margin-top: 100px;
  margin-left: 1%;
  margin-right: 1%;
  padding: 70px 50px;
  display: flex;
}

.celula-04 {
  background-color: #181818;
  background-image: linear-gradient(149deg, var(--marrom1), var(--marrom2));
  border-radius: 30px;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 31%;
  margin-top: 100px;
  margin-left: 1%;
  margin-right: 1%;
  padding: 70px 50px;
  display: flex;
}

.celula-06 {
  background-color: #181818;
  border-radius: 30px;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 31%;
  margin-top: 100px;
  margin-left: 1%;
  margin-right: 1%;
  padding: 50px;
  display: flex;
}

.celula-05 {
  background-color: #181818;
  background-image: linear-gradient(164deg, #da382f, #551b19);
  border-radius: 30px;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 31%;
  margin-top: 100px;
  margin-left: 1%;
  margin-right: 1%;
  padding: 50px;
  display: flex;
}

.pc-image2 {
  width: 200px;
  margin-bottom: -20px;
  margin-left: -20px;
  margin-right: 15px;
}

.new-title-home {
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 1280px;
  margin-top: 100px;
  display: flex;
}

.section-black {
  background-color: #1b1b1b;
  justify-content: center;
  width: 100%;
  margin-top: 100px;
  display: flex;
}

.new-especialidades {
  flex-wrap: wrap;
  place-content: flex-start center;
  align-items: stretch;
  width: 100%;
  display: flex;
}

.celula-01-copy {
  background-color: #181818;
  background-image: linear-gradient(135deg, #530a72, var(--midnight-blue));
  border-radius: 30px;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
  width: 31%;
  margin-left: 1%;
  margin-right: 1%;
  padding: 50px;
  display: flex;
}

.new-barra-promotions {
  background-color: var(--crimson);
  place-content: flex-start center;
  align-items: center;
  width: 100%;
  height: 60px;
  display: flex;
}

.new-barra-itens {
  flex-wrap: wrap;
  place-content: flex-start center;
  align-items: center;
  width: 1280px;
  height: 60px;
  display: flex;
}

.new-barra-item {
  width: 23%;
  height: 60px;
  margin-left: 1%;
  margin-right: 1%;
}

.slide02 {
  background-color: #000;
  width: 100%;
}

.new-header-title-02 {
  background-image: linear-gradient(118deg, var(--laranja1), var(--laranja2));
  color: #a81cff;
  text-align: left;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  margin-top: 0;
  margin-bottom: 20px;
  font-size: 120px;
  font-weight: 700;
  line-height: 100px;
}

.slide03 {
  background-color: #000;
  width: 100%;
}

.new-header-title-03 {
  background-image: linear-gradient(118deg, var(--dodger-blue), var(--deep-sky-blue));
  color: #a81cff;
  text-align: left;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  margin-top: 0;
  margin-bottom: 20px;
  font-size: 120px;
  font-weight: 700;
  line-height: 100px;
}

.slide04, .slide05, .slide06 {
  background-color: #000;
  width: 100%;
}

.new-header-title-04 {
  background-image: linear-gradient(118deg, var(--marrom1), var(--marrom2));
  color: #a81cff;
  text-align: left;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  margin-top: 0;
  margin-bottom: 20px;
  font-size: 120px;
  font-weight: 700;
  line-height: 100px;
}

.new-header-title-05 {
  background-image: linear-gradient(118deg, var(--crimson-3), var(--red));
  color: #a81cff;
  text-align: left;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  height: 215px;
  margin-top: 0;
  margin-bottom: 20px;
  font-size: 120px;
  font-weight: 700;
  line-height: 100px;
}

.new-header-title-06 {
  clear: none;
  background-image: linear-gradient(118deg, var(--cinza2), var(--dim-grey));
  color: #a81cff;
  text-align: left;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  height: 217px;
  margin-top: 0;
  margin-bottom: 20px;
  font-size: 120px;
  font-weight: 700;
  line-height: 100px;
  overflow: visible;
}

.embed {
  height: 0;
}

.text-block-23 {
  margin-bottom: 10px;
  line-height: 20px;
}

.data {
  width: 100%;
  margin-bottom: 20px;
  font-weight: 800;
}

.umterco {
  width: 50%;
  padding-right: 10px;
  line-height: 16px;
}

.doisterco {
  text-align: right;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  width: 33%;
  padding-left: 10px;
  display: flex;
}

.trestercos {
  text-align: right;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  width: 50%;
  padding-left: 10px;
  display: flex;
}

.end {
  color: #343434;
  margin-top: 14px;
  text-decoration: none;
}

.orc-price-line {
  color: var(--dim-grey);
  text-align: left;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  font-size: 12px;
  font-weight: 700;
  line-height: 20px;
  display: flex;
}

.link {
  border: 1px #000;
  text-decoration: none;
}

.m22-read7 {
  background-color: var(--dark-violet);
  opacity: .8;
  border-radius: 12px 12px 0 0;
  flex: 1;
  height: 100%;
  margin-right: 2px;
}

.m22-write7 {
  background-color: var(--indigo-2);
  opacity: .8;
  border-radius: 12px 12px 0 0;
  flex: 1;
  height: 96%;
  margin-left: 2px;
}

@media screen and (min-width: 1280px) {
  .header-text-block {
    width: 100%;
  }

  .empresa-slider {
    border-radius: 6px;
    overflow: hidden;
  }

  .empresa-text {
    line-height: 14px;
  }

  .banner-image01 {
    width: 750px;
  }
}

@media screen and (min-width: 1440px) {
  .head-bg {
    width: 1280px;
    padding-left: 0;
  }

  .header-image-side1 {
    padding-right: 0;
  }

  .banner-image01 {
    width: 900px;
  }

  .quick-stack, .new-especialidades {
    width: 1280px;
  }
}

@media screen and (min-width: 1920px) {
  .col-sticky {
    top: 60px;
  }

  .processador-nucleos-card {
    width: 30%;
  }

  .processado-disponiblidade {
    margin-bottom: 13px;
  }

  .s-todos {
    justify-content: center;
    align-items: center;
    width: 100%;
  }

  .head-but-purple {
    cursor: pointer;
    height: 32px;
  }

  .head-bg {
    align-items: stretch;
  }

  .header-text-block {
    width: 100%;
  }

  .header-img {
    width: 800px;
  }

  .orc-section {
    flex-wrap: wrap;
    width: 100%;
    margin-bottom: 200px;
  }

  .divisao {
    margin: 10px;
  }

  .linha {
    line-height: 14px;
  }

  .orc-full-cinza {
    width: 100%;
  }

  .modal-close:hover {
    background-image: url('../images/close-red.svg');
  }

  .comp-ideal-box-text {
    justify-content: center;
  }

  .carrossel-home-h2 {
    width: 100%;
  }

  .nav-link3:hover {
    background-image: linear-gradient(50deg, #cf3315, #d10852);
  }

  .carrossel-home-item-block {
    border-radius: 6px;
  }

  .header-image-side1 {
    background-image: none;
  }

  .head-but-yellow, .head-but-pink, .head-but-blue, .head-but-orange, .head-but-green, .head-but-yellow2 {
    cursor: pointer;
  }

  .head-but-purple2 {
    cursor: pointer;
    height: 32px;
  }

  .head-but-pink2, .head-but-orange2, .head-but-green2, .head-but-blue2 {
    cursor: pointer;
  }

  .sticky-compare {
    background-image: linear-gradient(to bottom, var(--dark-violet), var(--indigo));
    transition: all .2s;
    box-shadow: 0 10px 50px -20px #000;
  }

  .sticky-compare:hover {
    box-shadow: 0 20px 50px -20px #000;
  }

  .processado-disponiblidade-title {
    margin-bottom: 4px;
  }

  .banner-image01 {
    width: 1000px;
  }

  .new-tipo-pc-but:hover {
    background-color: #c0c4ca;
  }

  .new-option {
    display: flex;
  }

  .new-option-txt2, .new-option2-txt2 {
    width: 100%;
  }

  .new-chat-options1 {
    display: flex;
  }

  .new-chat-text2 {
    width: 100%;
  }

  .new-header-title-01 {
    font-size: 120px;
  }

  .section-black {
    background-color: #000;
  }

  .new-header-title-02, .new-header-title-03, .new-header-title-04, .new-header-title-05, .new-header-title-06 {
    font-size: 120px;
  }

  .umterco {
    width: 100%;
  }
}

@media screen and (max-width: 991px) {
  .nav-link {
    margin-left: 0;
    margin-right: 0;
    display: flex;
  }

  .nav-link.w--current {
    display: none;
  }

  .nav-1 {
    padding-right: 0;
  }

  .header-t-2, .header-t-3 {
    font-size: 60px;
    line-height: 60px;
  }

  .header-text {
    max-width: 90%;
    padding-left: 50px;
    padding-right: 50px;
  }

  .col-50 {
    width: 100%;
  }

  .col-50.padl {
    padding-left: 0;
  }

  .col-50.fale {
    justify-content: space-between;
    width: 100%;
    margin-top: 50px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .col-50.fale2 {
    justify-content: center;
    width: 100%;
  }

  .col-50.orc {
    width: 50%;
  }

  .col-50.padr2 {
    padding-right: 0;
  }

  .col-50.padr2.mbotton {
    margin-bottom: 10px;
  }

  .col-50.padl2 {
    padding-left: 0;
  }

  .text-1 {
    font-size: 12px;
    line-height: 16px;
  }

  .col-33.depo-marg {
    text-align: center;
    justify-content: center;
    width: 100%;
    margin-top: 8px;
  }

  .title-green {
    text-align: center;
    font-size: 6vw;
    line-height: 6vw;
  }

  .title-green._100 {
    width: 100%;
  }

  .text-3 {
    font-size: 1.8vw;
    line-height: 3vw;
  }

  .title {
    font-size: 6vw;
    line-height: 6vw;
  }

  .bot-rodape {
    height: 60px;
  }

  .bot-rodape._100 {
    width: 80%;
    height: 60px;
  }

  .bot-whatsapp {
    height: 60px;
  }

  .text-9 {
    text-align: center;
    margin-bottom: 19px;
  }

  .col-auto {
    width: 100%;
    display: flex;
  }

  .monte-over-33 {
    flex: 0 auto;
    width: 100%;
  }

  .mont-cad-group {
    margin-bottom: 60px;
  }

  .col-select {
    width: 100%;
    padding-right: 0;
  }

  .monte-card-33.product {
    width: 24%;
  }

  .bar-price-box {
    font-size: 12px;
  }

  .header-title {
    flex-wrap: wrap;
  }

  .col-50-out {
    display: none;
  }

  .col-sticky {
    margin-top: 150px;
  }

  .sticky-price {
    display: none;
  }

  .monte-head-title {
    text-align: left;
    font-size: 28px;
    line-height: 26px;
  }

  .monte-head-block {
    width: 100%;
  }

  .monte-head-subtitle {
    text-align: left;
    font-size: 15px;
    line-height: 15px;
  }

  .monte-header {
    height: auto;
    margin-top: 20px;
    padding-right: 30px;
  }

  .col-header-monte {
    width: 100%;
    padding-right: 0;
  }

  .conta-header, .minha-header {
    height: auto;
    margin-top: 20px;
  }

  .perfil-block {
    padding-bottom: 50px;
  }

  .perfil-text {
    font-size: 14px;
    line-height: 21px;
  }

  .perfil-but {
    margin-top: 8px;
  }

  .header-text-big {
    font-size: 80px;
    line-height: 40px;
  }

  .processador-icon {
    width: 50px;
    height: 50px;
  }

  .processador-text {
    font-size: 55px;
  }

  .processador-text6 {
    padding-left: 70px;
    padding-right: 70px;
  }

  .processador-nucleos-block {
    flex-wrap: wrap;
    align-content: flex-start;
  }

  .memory-processador-block {
    width: 100px;
  }

  .como-block {
    width: 48%;
  }

  .header-text-big2 {
    justify-content: center;
    align-items: center;
    width: 100%;
    padding-left: 48px;
    padding-right: 48px;
    font-size: 40vw;
    display: flex;
  }

  .call-to-action {
    margin-top: 70px;
  }

  .machines {
    flex-wrap: wrap;
    padding-top: 15px;
  }

  .machine-text1 {
    width: 100%;
    margin-bottom: 5px;
  }

  .machine-header {
    flex-wrap: wrap;
  }

  .threads-text2 {
    margin-left: 2px;
    font-size: 12px;
  }

  .threads-title2 {
    font-size: 9px;
    line-height: 10px;
  }

  .hackpro-nucleos2 {
    justify-content: center;
    align-items: center;
  }

  .m22-barra {
    width: 95px;
  }

  .m22-nome {
    flex-wrap: wrap;
    align-content: center;
    width: 100px;
    display: flex;
  }

  .m22-ghz, .col-70 {
    width: 100%;
  }

  .col-70.depoimentos {
    text-align: center;
    justify-content: center;
    width: 100%;
    padding-right: 0;
  }

  .depo-cargo {
    color: var(--dark-grey);
  }

  .depo-msg {
    line-height: 15px;
  }

  .menu-button {
    color: var(--white);
    padding: 15px;
    font-size: 30px;
    line-height: 30px;
  }

  .menu-button.w--open {
    color: var(--crimson);
    background-color: #0000;
  }

  .title2 {
    font-size: 5vw;
    line-height: 6vw;
  }

  ._1280-grey {
    padding-top: 60px;
    padding-bottom: 0;
  }

  .head-but-purple {
    padding: 15px 20px;
  }

  .title-white1 {
    line-height: 40px;
  }

  .subtitle-white1, .subtitle-white2 {
    margin-top: 10px;
  }

  .header-text-small4 {
    font-size: 80px;
    line-height: 40px;
  }

  .left-arrow, .right-arrow {
    width: 50px;
  }

  .head-bg {
    width: 100%;
  }

  .header-text-block {
    margin-top: -5vh;
    top: 245px;
  }

  .header-tt-1 {
    font-size: 14px;
  }

  .header-img {
    width: 100%;
  }

  .orc-title {
    font-size: 5vw;
    line-height: 6vw;
  }

  .orc-price-red {
    width: 80%;
  }

  .orc-name-red {
    width: 20%;
    font-size: 20px;
    line-height: 14px;
  }

  .orc-full-cinza {
    width: 70%;
  }

  .orc-name-field, .orc-item-field {
    font-size: 12px;
    line-height: 14px;
  }

  .rec-full-cinza {
    width: 70%;
  }

  .monte-alert-text {
    padding-bottom: 9px;
  }

  .col-full-select {
    width: 100%;
  }

  .monte-over-preco {
    flex: 0 auto;
    width: 100%;
  }

  .m-card {
    width: 100%;
    margin-right: 0;
  }

  .m-card-d, .m-card-a {
    width: 49%;
    margin-right: 1%;
  }

  .m-card-gabinete {
    width: 31.3%;
    margin-right: 2%;
  }

  .m-card-19-a {
    width: 49%;
    margin-right: 1%;
  }

  .col-resume {
    width: 100%;
    margin-top: 150px;
  }

  .perguntas-text {
    font-size: 12px;
    line-height: 16px;
  }

  .empresa-50l, .empresa-50r {
    width: 100%;
  }

  .link-ideal {
    width: 48%;
    margin-bottom: 10px;
  }

  .nav-link3.w--current {
    display: none;
  }

  .carrossel-home-item-block {
    padding-left: 10px;
    padding-right: 10px;
  }

  .header-text-block-right {
    width: 100%;
    margin-left: 0;
    padding-left: 50px;
    padding-right: 50px;
    top: 245px;
  }

  .header-image-side1 {
    width: 100%;
  }

  .head-but-yellow, .head-but-pink, .head-but-blue, .head-but-orange, .head-but-green, .head-but-yellow2, .head-but-purple2, .head-but-pink2, .head-but-orange2, .head-but-green2, .head-but-blue2 {
    padding: 15px 20px;
  }

  .div60, .div40 {
    width: 100%;
  }

  .div-color-ventura, .div-color-windows {
    padding-left: 30px;
    padding-right: 30px;
  }

  .div-color-hackpro {
    height: 300px;
  }

  .div-color-teste {
    padding-left: 30px;
    padding-right: 30px;
  }

  .rodape-block {
    flex-wrap: wrap;
  }

  ._1280-rodape {
    padding: 60px 10px 0;
  }

  .div33 {
    width: 100%;
  }

  .div-color-placas, .div-color-desconto {
    height: 300px;
  }

  .monte-card-model {
    margin-left: 0;
    margin-right: 0;
  }

  .nav-links-block {
    background-color: #000c;
    flex-wrap: wrap;
    place-content: center;
    width: 100%;
    padding-top: 15px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .banner-image01 {
    width: 100%;
    height: auto;
  }

  .hack-block-black {
    padding: 40px 20px;
  }

  .nav-link2 {
    background-color: #0000;
    border-radius: 0;
    margin-left: 0;
    margin-right: 0;
    display: flex;
  }

  .nav-link2:hover {
    color: var(--crimson);
  }

  .nav-link2.w--current {
    display: none;
  }

  .qq-block-black {
    align-content: flex-start;
    width: 57%;
  }

  .qq-block-atributes {
    justify-content: center;
  }

  .qq-prices-block {
    width: 100%;
  }

  ._2apple-block-info {
    width: 57%;
    padding-right: 30px;
  }

  .qq-product {
    justify-content: center;
    margin-bottom: 51px;
  }

  .qq-block-image {
    width: 40%;
  }

  .qq-block-list {
    justify-content: flex-end;
    width: 100%;
  }

  .qq-block-info {
    width: 100%;
    padding-right: 0;
  }

  .orc-name-escuro {
    width: 20%;
    font-size: 20px;
    line-height: 14px;
  }

  .zz-product {
    justify-content: center;
    margin-bottom: 51px;
  }

  .zz-block-atributes {
    justify-content: center;
  }

  .zz-quero-comprar {
    align-content: flex-start;
    width: 57%;
  }

  .zz-block {
    width: 57%;
    padding-right: 30px;
  }

  .zz-block-list {
    justify-content: flex-end;
    width: 100%;
  }

  .zz-block-image {
    width: 40%;
  }

  .zz-block-info {
    width: 100%;
    padding-right: 0;
  }

  .conta-block, .conta-full-block {
    width: 100%;
    margin-bottom: 20px;
  }

  .meus-pedidos-status {
    padding-left: 0;
    padding-right: 0;
  }

  .meus-pedidos-status-item {
    width: 80px;
  }

  .nav-link-right {
    background-color: #000c;
    justify-content: center;
    padding: 6px 20px 20px;
  }

  .m-card-need {
    flex: 0 auto;
  }

  .sticky-price-block, .nav-left-complete {
    display: none;
  }

  .apple-links-block {
    flex-wrap: wrap;
    place-content: flex-start center;
  }

  .apple-link {
    padding-top: 15px;
    padding-bottom: 15px;
    font-size: 12px;
    line-height: 12px;
  }

  .new-monte-seu {
    width: 100%;
    padding-right: 0;
  }

  .new-line {
    justify-content: flex-start;
  }

  .new-tipo-pc-item {
    min-width: 32%;
  }

  .new-itens {
    padding-right: 0;
  }

  .new-tipo-pc-item-a {
    min-width: 32%;
  }

  .new-controler {
    width: 100%;
    margin-top: 30px;
  }

  .scroll-lateral {
    justify-content: flex-start;
    padding-left: 10px;
    padding-right: 10px;
  }

  .menu-itens {
    justify-content: flex-start;
    min-width: 1000px;
    position: relative;
    overflow: auto;
  }

  .new-options {
    justify-content: flex-start;
    padding-left: 10px;
    padding-right: 10px;
  }

  .menu-itens-monte {
    flex-wrap: nowrap;
    justify-content: flex-start;
    min-width: 1400px;
    position: relative;
    overflow: auto;
  }

  .new-controler-block2 {
    justify-content: flex-start;
    padding-left: 10px;
    padding-right: 10px;
  }

  .new-account {
    padding-right: 0;
  }

  .new-form-insert {
    min-width: 32%;
  }

  .celula-01 {
    width: 43%;
    margin-bottom: 51px;
    padding: 20px;
  }

  .celula-02 {
    width: 43%;
    margin-bottom: 50px;
    padding: 20px;
  }

  .celula-03 {
    width: 43%;
    margin-bottom: 51px;
    padding: 20px;
  }

  .celula-04, .celula-06, .celula-05 {
    width: 43%;
    margin-bottom: 50px;
    padding: 20px;
  }

  .orc-price-line {
    width: 80%;
  }
}

@media screen and (max-width: 767px) {
  .logo-block {
    width: 120px;
  }

  .header-t-2, .header-t-3 {
    font-size: 50px;
    line-height: 50px;
  }

  .header-t-4 {
    font-size: 3vw;
    line-height: 3vw;
  }

  ._1280 {
    padding-left: 10px;
    padding-right: 10px;
  }

  ._1280.between {
    flex-wrap: wrap;
    padding-left: 10px;
    padding-right: 10px;
  }

  .col-50.padl {
    width: 100%;
    padding-left: 0;
  }

  .col-50.padr {
    width: 100%;
    margin-bottom: 30px;
    padding-right: 0;
  }

  .col-50.perguntas {
    padding-left: 20px;
    padding-right: 20px;
  }

  .col-50.margin {
    width: 97%;
  }

  .col-33 {
    width: 100%;
  }

  .title-green {
    text-align: center;
  }

  .s-pc-comparativo {
    display: flex;
  }

  .bot-rodape._100 {
    width: 100%;
  }

  .bot-rodape._49 {
    width: 100%;
    margin-bottom: 5px;
  }

  .bot-whatsapp {
    width: 100%;
  }

  .monte-title {
    font-size: 20px;
    line-height: 20px;
  }

  .monte-card-33.product {
    width: 32%;
  }

  .header-title {
    flex-wrap: wrap;
  }

  .monte-head-title {
    text-align: left;
  }

  .monte-head-block {
    justify-content: center;
    width: 100%;
    margin-top: 30px;
  }

  .monte-head-subtitle {
    text-align: left;
  }

  .processador-icon {
    width: 40px;
    height: 40px;
  }

  .processador-block {
    height: 250px;
  }

  .processador-text {
    line-height: 55px;
  }

  .processador-tamanho-title {
    display: flex;
  }

  .processador-text6 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .processador-nucleos-block {
    align-content: center;
    align-items: center;
  }

  .line100 {
    margin-top: 60px;
    margin-bottom: 60px;
  }

  .m22-block {
    justify-content: flex-end;
  }

  .m22-barra {
    width: 74px;
  }

  .m22-nome {
    width: 80px;
  }

  .subtitle2 {
    font-size: 2.5vw;
  }

  ._1280-grey {
    padding-top: 50px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .head-but-purple {
    font-size: 11px;
  }

  .title-white1 {
    font-size: 32px;
    line-height: 32px;
  }

  .subtitle-white1 {
    margin-top: 10px;
    margin-bottom: 25px;
    font-size: 14px;
  }

  .title-white2 {
    font-size: 24px;
  }

  .col-100-flex-center {
    display: none;
  }

  .col-100-flex-center.margin, .col-100-flex-center.mtop, .col-100-flex-center.chips {
    display: flex;
  }

  .title-white3 {
    font-size: 24px;
  }

  .subtitle-white2 {
    margin-top: 10px;
    font-size: 14px;
  }

  .title3 {
    font-size: 7vw;
    line-height: 9vw;
  }

  .nativa-image {
    height: 100px;
  }

  .monte-card-text {
    flex-wrap: wrap;
  }

  .slider {
    height: 80vh;
  }

  .left-arrow, .right-arrow {
    width: 40px;
  }

  .head-bg {
    padding-left: 0;
    padding-right: 0;
  }

  .header-text-block {
    margin-top: -13vh;
  }

  .header-tt-1 {
    font-size: 12px;
    line-height: 15px;
  }

  .linha {
    font-size: 10px;
    line-height: 12px;
  }

  .orc-name-red {
    width: 20%;
    font-size: 20px;
    line-height: 12px;
  }

  .orc-name-field, .orc-item-field {
    font-size: 10px;
    line-height: 12px;
  }

  .orc-link-field {
    flex: 0 auto;
    margin-bottom: 15px;
  }

  .orc-link {
    flex-wrap: wrap;
    justify-content: flex-end;
  }

  .orc-price-text1 {
    font-size: 10px;
  }

  .subtitle3 {
    font-size: 2.7vw;
    line-height: 3.5vw;
  }

  .modal-box {
    width: 100%;
    margin-left: 40px;
    margin-right: 40px;
  }

  .m-card-qty {
    flex-wrap: wrap;
    height: 50px;
    padding-top: 0;
  }

  .m-card-txt-5 {
    font-size: 14px;
    line-height: 14px;
  }

  .header-text-title {
    flex: 0 auto;
    width: 80%;
  }

  .m-card {
    flex-wrap: wrap;
    align-content: center;
  }

  .m-card-text {
    flex-wrap: wrap;
  }

  .m-card-d, .m-card-a {
    width: 49%;
  }

  .m-card-gabinete {
    width: 48%;
  }

  .m-card-19-a {
    width: 49%;
  }

  .empresa-block {
    flex-wrap: wrap;
  }

  .empresa-50l {
    margin-bottom: 15px;
  }

  .empresa-50r {
    padding-left: 0;
  }

  .col-30 {
    width: 100%;
  }

  .header-text-block-right {
    padding-left: 49px;
    padding-right: 49px;
  }

  .header-t-11 {
    width: 100%;
    padding-right: 0;
    line-height: 6vw;
  }

  .header-title-yellow1 {
    width: 100%;
    font-size: 4vw;
    line-height: 4vw;
  }

  .head-but-yellow {
    font-size: 11px;
  }

  .header-title-purple1 {
    width: 100%;
    font-size: 4vw;
    line-height: 4vw;
  }

  .new-header-text-01 {
    width: 100%;
  }

  .header-title-yellow2, .header-title-pink1, .header-title-pink2 {
    width: 100%;
    font-size: 4vw;
    line-height: 4vw;
  }

  .head-but-pink {
    font-size: 11px;
  }

  .header-title-blue1, .header-title-orange2 {
    width: 100%;
    font-size: 4vw;
    line-height: 4vw;
  }

  .head-but-blue {
    font-size: 11px;
  }

  .header-title-orange1 {
    width: 100%;
    font-size: 4vw;
    line-height: 4vw;
  }

  .head-but-orange {
    font-size: 11px;
  }

  .header-title-blue2, .header-title-green1, .header-title-green2 {
    width: 100%;
    font-size: 4vw;
    line-height: 4vw;
  }

  .head-but-green, .head-but-yellow2, .head-but-purple2, .head-but-pink2, .head-but-orange2, .head-but-green2, .head-but-blue2 {
    font-size: 11px;
  }

  .div-color-hackpro {
    padding-left: 30px;
    padding-right: 30px;
  }

  .rodape-block {
    padding-left: 16px;
    padding-right: 16px;
  }

  ._1280-rodape {
    padding-top: 50px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .div-color-placas {
    padding-left: 29px;
    padding-right: 29px;
  }

  .div-color-desconto {
    padding-left: 30px;
    padding-right: 30px;
  }

  .m-card-content {
    flex-wrap: wrap;
  }

  .nav-links-block {
    justify-content: center;
  }

  .banner-image01 {
    width: 100%;
    height: auto;
  }

  .h2.titlebox, .h2.confira, .h2.titleboxtitle {
    font-size: 26px;
  }

  .col-100-margin {
    display: flex;
  }

  .h3 {
    font-size: 14px;
    line-height: 18px;
  }

  .hack-block-black {
    padding: 30px 10px;
  }

  .chip-1 {
    width: 24%;
  }

  .chip-2 {
    width: 22%;
  }

  .chip-3 {
    width: 19%;
  }

  .apple-products-title {
    text-align: center;
    width: 100%;
  }

  .apple-products-line {
    display: none;
  }

  .qq-price-wrap {
    width: 100%;
  }

  .qq-cor-title {
    font-size: 9px;
    line-height: 11px;
  }

  .qq-prices-block {
    justify-content: space-between;
  }

  .qq-title {
    font-size: 20px;
    line-height: 24px;
  }

  .qq-price-title-x {
    text-align: left;
  }

  .qq-specs {
    font-size: 11px;
    line-height: 16px;
  }

  .qq-cor {
    border-width: 1px;
    width: 24px;
    height: 24px;
  }

  .orc-name-escuro {
    width: 20%;
    font-size: 20px;
    line-height: 12px;
  }

  .zz-title {
    font-size: 20px;
    line-height: 24px;
  }

  .zz-specs {
    font-size: 11px;
    line-height: 16px;
  }

  .meus-pedidos-ball {
    width: 22px;
    height: 22px;
  }

  .meus-pedidos-status-item {
    width: 60px;
  }

  .meus-pedidos-status-text {
    font-size: 8px;
    font-weight: 500;
    line-height: 8px;
  }

  .meus-pedidos-ball-inner {
    width: 10px;
    height: 10px;
  }

  .nav-link-right {
    flex-wrap: wrap;
    align-content: center;
  }

  .m-card-item {
    padding-left: 15px;
    padding-right: 15px;
  }

  .m-card-item.left, .m-card-item.right {
    height: 60px;
  }

  .m-card-txt-2 {
    text-align: center;
  }

  .m-card-txt-3 {
    font-size: 14px;
    line-height: 14px;
  }

  .m-card-txt-4 {
    font-size: 10px;
    line-height: 10px;
  }

  .m-card-conteudo {
    flex: 1;
  }

  .m-card-conteudo.nvme {
    flex: 0 auto;
  }

  .m-card-need {
    text-align: left;
    flex: 1;
    justify-content: flex-start;
    margin-bottom: 0;
    padding-left: 20px;
  }

  .m-card-image {
    flex-wrap: wrap;
  }

  .apple-link {
    font-size: 12px;
  }

  .new-monte-seu {
    padding-top: 0;
    padding-right: 0;
  }

  .new-line {
    justify-content: space-between;
    padding-top: 40px;
  }

  .new-tipo-pc-but {
    width: 40%;
    margin-top: 1%;
    margin-bottom: 1%;
    margin-right: 1%;
  }

  .new-text-10 {
    font-size: 14px;
    line-height: 14px;
  }

  .new-text-11 {
    font-size: 10px;
    line-height: 10px;
  }

  .new-tipo-pc-but-a {
    width: 40%;
    margin-top: 1%;
    margin-bottom: 1%;
    margin-right: 1%;
  }

  .new-line-title {
    font-size: 16px;
  }

  .new-text-price {
    font-size: 10px;
    line-height: 10px;
  }

  .new-tipo-pc-item {
    min-width: 49%;
  }

  .new-tipo-icon {
    width: 24px;
  }

  .new-item-price {
    width: 80px;
  }

  .new-item-score-block {
    margin-right: 15px;
  }

  .new-tipo-pc-item-a {
    min-width: 49%;
  }

  .new-line-subtitle {
    font-size: 8px;
    line-height: 12px;
  }

  .new-option, .new-option-aa {
    width: 150px;
  }

  .menu-itens {
    border-radius: 20px;
    min-width: 800px;
    padding: 40px 30px;
  }

  .menu-itens-item {
    width: 90px;
    height: 80px;
    padding: 15px 4px;
  }

  .menu-itens-item-photo {
    width: 32px;
    height: 32px;
  }

  .menu-itens-monte {
    min-width: 1400px;
  }

  .new-tipo-pc-but2 {
    width: 40%;
    margin-top: 1%;
    margin-bottom: 1%;
    margin-right: 1%;
  }

  .new-form-insert {
    min-width: 49%;
  }

  .new-chat-options1 {
    width: 150px;
  }

  .header-t-12, .header-t-13 {
    width: 100%;
    padding-right: 0;
    line-height: 6vw;
  }

  .new-header-title-01 {
    width: 100%;
    font-size: 4vw;
    line-height: 4vw;
  }

  .new-header-text-02 {
    width: 100%;
  }

  .new-header-text-03 {
    padding-right: 0;
  }

  .new-header-title-02, .new-header-title-03, .new-header-title-04, .new-header-title-05, .new-header-title-06 {
    width: 100%;
  }

  .umterco {
    font-size: 10px;
    line-height: 12px;
  }
}

@media screen and (max-width: 479px) {
  .nav-link {
    width: 100%;
    height: 50px;
    font-size: 14px;
    font-weight: 700;
  }

  .nav-1 {
    align-content: center;
  }

  .header-t-2, .header-t-3 {
    font-size: 40px;
    line-height: 40px;
  }

  .header-text {
    padding-left: 20px;
    padding-right: 20px;
    font-size: 24px;
  }

  .header-t-4, .header-t-5, .header-t-6 {
    font-size: 5vw;
    line-height: 5vw;
  }

  .s-pc {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  ._1280 {
    padding-left: 5px;
    padding-right: 5px;
  }

  ._1280.zero {
    padding-left: 0;
    padding-right: 0;
  }

  .col-50 {
    width: 100%;
  }

  .col-50.fale, .col-50.fale2 {
    text-align: center;
    justify-content: center;
  }

  .col-50.orc {
    text-align: left;
    width: 50%;
    margin-top: 20px;
  }

  .col-50.orc.esq {
    margin-top: 0;
  }

  .col-50.orc.dir {
    text-align: right;
    margin-top: 0;
  }

  .col-50.perguntas {
    padding-left: 0;
    padding-right: 0;
  }

  .title-green {
    text-align: center;
    font-size: 30px;
    line-height: 30px;
  }

  .text-3 {
    text-align: center;
    margin-top: 5px;
    font-size: 12px;
    line-height: 12px;
  }

  .title {
    text-align: center;
    font-size: 30px;
    line-height: 30px;
  }

  .s-pc-comparativo {
    padding-top: 40px;
  }

  .bot-rodape {
    width: 100%;
    margin-bottom: 7px;
  }

  .bot-rodape._100 {
    padding-left: 30px;
    padding-right: 30px;
  }

  .bot-whatsapp {
    width: 100%;
  }

  .text-9 {
    line-height: 14px;
  }

  .flex-center {
    padding: 13px 10px 17px;
  }

  .monte-card-100 {
    flex-wrap: wrap;
    justify-content: center;
  }

  .monte-card-left {
    justify-content: flex-start;
  }

  .monte-card-right {
    justify-content: flex-start;
    align-items: center;
    width: 100%;
  }

  .monte-card-title {
    width: 100%;
    margin-bottom: 3px;
    font-size: 14px;
    line-height: 14px;
  }

  .monte-card-text-suport {
    margin-left: 0;
    font-size: 10px;
    line-height: 14px;
  }

  .monte-card-subtitle {
    margin-top: 5px;
    font-size: 10px;
    line-height: 10px;
  }

  .monte-card-price {
    margin-top: 6px;
  }

  .monte-over-33 {
    padding: 0;
  }

  .monte-over-price-title {
    text-align: left;
    margin-bottom: 2px;
  }

  .monte-over-price-text {
    font-size: 20px;
    font-weight: 700;
    line-height: 18px;
  }

  .mont-cad-group {
    margin-bottom: 50px;
  }

  .monte-title {
    font-size: 18px;
    line-height: 18px;
  }

  .monte-over-price {
    text-align: left;
    flex: 1;
    justify-content: center;
    align-items: center;
  }

  .monte-over-price.a-vista {
    text-align: right;
    justify-content: flex-start;
  }

  .monte-over-price-text3 {
    font-weight: 700;
  }

  .monte-card-33 {
    width: 100%;
    margin-right: 1%;
  }

  .monte-card-33.product {
    width: 49%;
  }

  .price-checkout {
    height: auto;
    padding-bottom: 16px;
  }

  .bar-price-box {
    flex-wrap: wrap;
    justify-content: center;
    display: flex;
  }

  .bar-price-but-shop {
    background-image: none;
    justify-content: center;
    width: 48%;
    margin-top: 12px;
    margin-left: 0;
  }

  .monte-icon {
    width: 24px;
    height: 24px;
    margin-right: 5px;
  }

  .monte-card-quantity {
    margin-top: 10px;
  }

  .monte-flex-center-text {
    text-align: left;
  }

  .col-50-out {
    width: 100%;
  }

  .monte-price {
    margin-top: 2px;
  }

  .monte-subtitle {
    font-size: 9px;
    line-height: 12px;
  }

  .sticky-border {
    padding: 12px;
  }

  .sticky-text {
    font-size: 12px;
  }

  .sticky-price {
    flex-wrap: wrap;
  }

  .s-monte {
    padding-bottom: 100px;
  }

  .monte-head-title {
    text-align: center;
    font-size: 24px;
    line-height: 22px;
  }

  .monte-head-block {
    flex: 0 auto;
    height: 200px;
  }

  .monte-head-subtitle {
    text-align: center;
    margin-bottom: 40px;
    font-size: 13px;
    line-height: 13px;
  }

  .monte-header {
    flex: 0 auto;
    width: 100%;
    padding-right: 0;
  }

  .monte-card-number {
    font-size: 14px;
    line-height: 14px;
  }

  .monte-subtitle-red {
    font-size: 9px;
    line-height: 12px;
  }

  .monte-card-processor {
    flex-wrap: wrap;
    justify-content: center;
    padding: 12px;
  }

  .monte-card-title2 {
    font-size: 14px;
    line-height: 14px;
  }

  .monte-card-processor-a {
    flex-wrap: wrap;
    justify-content: center;
    padding: 12px;
  }

  .s-minha {
    padding-bottom: 100px;
  }

  .minha-header._10 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .perfil-title {
    text-align: center;
    width: 100%;
    font-size: 20px;
    line-height: 20px;
  }

  .perfil-text {
    margin-bottom: 0;
  }

  .perfil-but {
    background-image: none;
    justify-content: center;
    margin-top: 15px;
    margin-left: 5px;
    margin-right: 5px;
  }

  .perfil-confirm {
    background-image: none;
    justify-content: center;
    margin-top: 15px;
  }

  .hackpro-geracao {
    align-items: center;
    padding-left: 8px;
    padding-right: 8px;
  }

  .header-text-big {
    font-size: 40px;
    line-height: 40px;
  }

  .processador-icon {
    width: 30px;
    height: 30px;
  }

  .processador-text {
    font-size: 11vw;
    line-height: 12vw;
  }

  .processador-text2 {
    font-size: 5vw;
    line-height: 8vw;
  }

  .processador-text3 {
    font-size: 8vw;
    line-height: 7.5vw;
  }

  .processador-text4 {
    font-size: 4vw;
    line-height: 5vw;
  }

  .processador-text6 {
    margin-top: 9px;
    font-size: 3.5vw;
    line-height: 5vw;
  }

  .processador-nucleos-card {
    width: 80%;
    margin-left: 0%;
    margin-right: 0%;
  }

  .line100 {
    width: 50%;
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .processado-disponiblidade {
    line-height: 14px;
  }

  .processador-nucleos-model {
    height: 40px;
  }

  .slot-1 {
    margin-right: 5px;
  }

  .slot-2 {
    margin-right: 15px;
  }

  .slot-3 {
    margin-right: 5px;
  }

  .image-memory {
    width: 10px;
    height: 150px;
  }

  .memory-processador {
    width: 30vw;
    margin-left: 10px;
    margin-right: 10px;
  }

  .memory-processador-block {
    padding-left: 7px;
    padding-right: 7px;
  }

  .memoria-nucleos-card {
    width: 48%;
    margin-bottom: 7px;
    margin-left: 1%;
    margin-right: 1%;
  }

  .veloz-text3 {
    font-size: 3.5vw;
    line-height: 3.5vw;
  }

  .veloz-text4 {
    font-size: 3vw;
    line-height: 4vw;
  }

  .como-block {
    width: 100%;
    margin-bottom: 5px;
    padding: 10px;
  }

  .como-icon {
    width: 50px;
  }

  .memoria-grey-block {
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .block-memorias {
    width: 100%;
    margin-bottom: 20px;
    margin-left: 0;
    margin-right: 0;
  }

  .memoria-red-title {
    font-size: 14px;
    line-height: 14px;
  }

  .m2 {
    width: 80%;
  }

  .m2-legend-text {
    text-align: left;
  }

  .call-to-action {
    margin-top: 40px;
    margin-bottom: 40px;
  }

  .call-button {
    width: 250px;
    height: 40px;
    font-size: 12px;
    line-height: 12px;
  }

  .machines {
    flex-wrap: wrap;
    width: 100%;
    margin-bottom: 10px;
    padding: 15px;
  }

  .machine-but {
    justify-content: center;
    width: 100%;
  }

  .m22-block {
    margin-bottom: 89px;
  }

  .m22-barra {
    width: 38px;
    margin-left: 4px;
    margin-right: 0;
  }

  .m22-nome {
    width: 49px;
    padding-left: 3px;
    padding-right: 3px;
    font-size: 11px;
  }

  .m22-read1 {
    margin-right: 0;
  }

  .m22-write1 {
    margin-left: 0;
  }

  .m22-read2 {
    margin-right: 0;
  }

  .m22-write2 {
    margin-left: 0;
  }

  .m22-read3 {
    margin-right: 0;
  }

  .m22-write3 {
    margin-left: 0;
  }

  .m22-read4 {
    margin-right: 0;
  }

  .m22-write4 {
    margin-left: 0;
  }

  .m22-read5 {
    margin-right: 0;
  }

  .m22-write5 {
    margin-left: 0;
  }

  .m22-ghz {
    font-size: 8px;
    line-height: 7px;
  }

  .text-block-12 {
    font-size: 12px;
    line-height: 16px;
  }

  .s-todos {
    padding-bottom: 0;
  }

  .nav-menu {
    background-color: var(--white);
  }

  .menu-button, .menu-button.w--open {
    color: var(--crimson);
    background-color: #0000;
  }

  .title2 {
    text-align: center;
    font-size: 8vw;
    line-height: 8vw;
  }

  .subtitle2 {
    width: 97%;
    font-size: 14px;
    line-height: 18px;
  }

  .subtitle2.branco {
    color: #fff;
  }

  ._1280-grey {
    padding-left: 5px;
    padding-right: 5px;
  }

  .head-but-purple {
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin-top: 5px;
    padding: 12px 15px;
    display: flex;
  }

  .title-white1 {
    text-align: center;
    font-size: 25px;
    line-height: 26px;
  }

  .subtitle-white1 {
    margin-bottom: 20px;
    font-size: 3.5vw;
    line-height: 4vw;
  }

  .title-white2, .title-white3 {
    text-align: center;
    font-size: 18px;
    line-height: 18px;
  }

  .subtitle-white2 {
    font-size: 3.5vw;
    line-height: 4.5vw;
  }

  .title3 {
    text-align: center;
    font-size: 24px;
    line-height: 40px;
  }

  .monte-card-title3 {
    margin-left: 0;
    font-size: 11px;
    line-height: 14px;
  }

  .monte-card-novo {
    width: 50px;
  }

  .monte-gen {
    font-size: 6px;
    line-height: 6px;
  }

  .monte-gen1 {
    font-size: 16px;
    line-height: 16px;
  }

  .header-text-small4 {
    font-size: 26px;
    line-height: 30px;
  }

  .slider {
    height: 80vh;
  }

  .flex-center2 {
    padding: 0 15px;
  }

  .icon {
    font-size: 14px;
    line-height: 14px;
  }

  .left-arrow, .right-arrow {
    width: 30px;
  }

  .header-text-block {
    margin-top: -7vh;
  }

  .header-tt-1 {
    margin-bottom: 10px;
    font-size: 9px;
    line-height: 11px;
  }

  .orc-title {
    text-align: center;
    font-size: 6vw;
    line-height: 6vw;
  }

  .orc-name-title {
    font-size: 16px;
    line-height: 16px;
  }

  .orc-price-title {
    font-size: 14px;
    line-height: 14px;
  }

  .orc-price-red {
    flex-wrap: wrap;
    width: 100%;
    font-size: 18px;
    line-height: 18px;
  }

  .orc-name-red {
    text-align: left;
    width: 100%;
    font-size: 20px;
    line-height: 18px;
  }

  .orc-espaco {
    height: 26px;
  }

  .orc-full-cinza, .rec-full-cinza {
    width: 100%;
  }

  .orc-cliente-name {
    flex: 1;
  }

  .subtitle3 {
    font-size: 3.5vw;
    line-height: 4vw;
  }

  .monte-alert {
    justify-content: center;
  }

  .modal-box {
    margin-left: 15px;
    margin-right: 15px;
  }

  .modal-header-text {
    padding-left: 10px;
    font-size: 12px;
    line-height: 12px;
  }

  .modal-text {
    padding: 10px;
  }

  .header-but-text {
    font-size: 3vw;
    line-height: 3vw;
  }

  .m-card-qty {
    width: 50%;
    height: auto;
    padding-left: 10px;
    padding-right: 10px;
  }

  .m-card-02 {
    width: auto;
    padding-left: 15px;
    padding-right: 15px;
  }

  .monte-card-title-full {
    margin-bottom: 3px;
  }

  .m-card-txt-5 {
    margin-left: 0;
  }

  .monte-card-right-full {
    text-align: right;
    justify-content: flex-end;
    align-items: center;
  }

  .monte-card-price-full {
    min-width: 50px;
    margin-top: 6px;
    font-size: 10px;
    line-height: 10px;
  }

  .monte-card-quantity-full {
    margin-top: 10px;
  }

  .monte-card-left-70 {
    justify-content: flex-start;
  }

  .monte-over-preco {
    padding: 0;
  }

  .header-icon {
    width: 32px;
  }

  .m-card-price {
    text-align: right;
    padding-left: 10px;
    padding-right: 12px;
  }

  .m-card {
    flex-wrap: wrap;
    align-items: center;
    margin-right: 0%;
  }

  .m-card-d, .m-card-a {
    width: 100%;
    margin-bottom: 5px;
    margin-right: 0%;
  }

  .m-card-gabinete {
    width: 48%;
    margin-bottom: 10px;
    margin-right: 2%;
  }

  .m-card-19-a {
    width: 100%;
    margin-bottom: 5px;
    margin-right: 0%;
  }

  .col-resume {
    height: auto;
    margin-top: 30px;
    margin-bottom: 30px;
    padding-left: 0;
  }

  .empresa-50l, .empresa-50r {
    width: 100%;
  }

  .monte-over-price-title-copy {
    margin-bottom: 2px;
  }

  .m22-read6 {
    margin-right: 0;
  }

  .m22-write6 {
    margin-left: 0;
  }

  .comp-ideal {
    padding-left: 0%;
    padding-right: 0%;
  }

  .comp-ideal-title {
    text-align: center;
  }

  .link-ideal {
    justify-content: center;
    width: 100%;
    margin-bottom: 5px;
    margin-left: 1%;
    margin-right: 1%;
    padding: 15px;
  }

  .ideal-text2 {
    text-align: center;
  }

  .carrossel-home-block {
    margin-bottom: 10px;
  }

  .nav-link3 {
    height: 50px;
    padding-left: 30px;
    padding-right: 30px;
    font-size: 14px;
    font-weight: 700;
  }

  .carrossel-home-item-block {
    width: 100%;
    margin-bottom: 5px;
    padding-left: 0;
    padding-right: 0;
  }

  .header-text-block-right {
    margin-top: 244px;
    padding-left: 0;
    padding-right: 0;
  }

  .header-image-side1 {
    height: 250px;
    margin-top: -1020px;
    margin-bottom: 0;
  }

  .header-t-11 {
    font-size: 7vw;
    line-height: 7vw;
  }

  .header-but-text2 {
    font-size: 6vw;
    line-height: 6vw;
  }

  .header-text-arrow {
    width: 24px;
  }

  .head-text-arrow-block {
    margin-left: 11px;
  }

  .header-title-yellow1 {
    font-size: 5.5vw;
    line-height: 6vw;
  }

  .head-but-yellow {
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin-top: 25px;
    padding: 12px 15px;
    display: flex;
  }

  .header-title-purple1 {
    font-size: 5.5vw;
    line-height: 6vw;
  }

  .new-header-text-01 {
    text-align: center;
  }

  .header-title-yellow2, .header-title-pink1, .header-title-pink2 {
    font-size: 5.5vw;
    line-height: 6vw;
  }

  .head-but-pink {
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin-top: 25px;
    padding: 12px 15px;
    display: flex;
  }

  .header-title-blue1, .header-title-orange2 {
    font-size: 5.5vw;
    line-height: 6vw;
  }

  .head-but-blue {
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin-top: 25px;
    padding: 12px 15px;
    display: flex;
  }

  .header-title-orange1 {
    font-size: 5.5vw;
    line-height: 6vw;
  }

  .head-but-orange {
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin-top: 25px;
    padding: 12px 15px;
    display: flex;
  }

  .header-title-blue2, .header-title-green1, .header-title-green2 {
    font-size: 5.5vw;
    line-height: 6vw;
  }

  .head-but-green, .head-but-yellow2 {
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin-top: 25px;
    padding: 12px 15px;
    display: flex;
  }

  .head-but-purple2 {
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin-top: 15px;
    margin-right: 0;
    padding: 12px 15px;
    display: flex;
  }

  .head-but-pink2, .head-but-orange2, .head-but-green2, .head-but-blue2 {
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin-top: 25px;
    padding: 12px 15px;
    display: flex;
  }

  .icone-pc-ideal {
    height: 24px;
  }

  .ideal-text3 {
    margin-top: 8px;
    padding: 5px 10px;
    font-size: 8px;
  }

  .div60, .div40 {
    margin-bottom: 10px;
  }

  .div-color-ventura {
    padding-left: 11px;
    padding-right: 11px;
  }

  .div-color-windows {
    padding-left: 10px;
    padding-right: 10px;
  }

  .div-color-hackpro {
    height: auto;
    padding-left: 12px;
    padding-right: 12px;
  }

  .div100 {
    margin-bottom: 10px;
  }

  .div-color-teste {
    padding-left: 10px;
    padding-right: 10px;
  }

  ._1280-rodape {
    padding-left: 5px;
    padding-right: 5px;
  }

  .div33 {
    margin-bottom: 10px;
  }

  .div-color-placas, .div-color-desconto {
    height: auto;
    padding-left: 12px;
    padding-right: 12px;
  }

  .monte-card-model {
    text-align: left;
    margin-bottom: 3px;
    font-size: 10px;
    line-height: 10px;
  }

  .mont-card-division.topo {
    padding-left: 15px;
    padding-right: 15px;
  }

  .mont-card-division-title {
    margin-right: 10px;
    font-size: 10px;
    line-height: 10px;
  }

  .header-image {
    width: 100%;
  }

  .header-banner {
    height: 50vh;
  }

  .flex-center-image {
    padding-left: 10px;
    padding-right: 10px;
  }

  .lga-image {
    width: 150px;
    margin-bottom: -50px;
  }

  .compar-title {
    margin-bottom: 10px;
    padding-left: 16px;
    padding-right: 16px;
    font-size: 18px;
    line-height: 18px;
  }

  .compar-text {
    font-size: 11px;
    line-height: 11px;
  }

  .compar-item {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .compar-suporte {
    font-size: 12px;
  }

  .banner-image01 {
    width: 100%;
    margin-top: -14px;
    margin-bottom: -17px;
  }

  .header-h1-2 {
    font-size: 20px;
    line-height: 20px;
  }

  .h2 {
    font-size: 22px;
    line-height: 22px;
  }

  .h2.mbot {
    font-size: 18px;
  }

  .h2.titlebox {
    font-size: 26px;
    line-height: 24px;
  }

  .h2.vantagem {
    margin-bottom: 9px;
    font-size: 20px;
    line-height: 20px;
  }

  .h2.confira {
    width: 97%;
    line-height: 24px;
  }

  .h2.titleboxtitle {
    line-height: 24px;
  }

  .h3 {
    font-size: 11px;
    line-height: 17px;
  }

  .hack-block-black {
    padding: 30px 10px;
  }

  .h5 {
    font-size: 12px;
    line-height: 16px;
  }

  .text-03 {
    font-size: 4vw;
    line-height: 5vw;
  }

  .chip-vrs {
    width: 60px;
    margin-bottom: 20px;
  }

  .h3-vrs {
    font-size: 4vw;
    line-height: 5vw;
  }

  .vrs-line {
    flex-wrap: wrap;
    justify-content: center;
  }

  .vrs-bars {
    flex: 0 auto;
    width: 100%;
  }

  .vrs-bar-price {
    margin-bottom: 30px;
  }

  .vrs-bar-perfomace1-m1, .vrs-bar-perfomace2-m1 {
    flex: 1;
  }

  .vrs-text {
    width: auto;
    margin-right: 10px;
  }

  .vrs-block-bar {
    justify-content: space-between;
  }

  .vrs-points {
    width: auto;
  }

  .vrs-bar-perfomace1-m1pro, .vrs-bar-perfomace2-m1pro, .vrs-bar-perfomace1-m1max, .vrs-bar-perfomace2-m1max, .vrs-bar-perfomace1-m1ultra, .vrs-bar-perfomace2-m1ultra, .vrs-bar-perfomace1-i5, .vrs-bar-perfomace2-m2, .vrs-bar-perfomace1-m2, .vrs-bar-perfomace2-m1-copy, .vrs-bar-perfomace1-i7, .vrs-bar-perfomace2-i7, .vrs-bar-perfomace1-i9, .vrs-bar-perfomace2-i9 {
    flex: 1;
  }

  .vrs-price {
    text-align: center;
    width: auto;
    font-size: 13px;
    line-height: 13px;
  }

  .vrs-name {
    line-height: 14px;
  }

  .col-100-revenda {
    margin-top: 50px;
  }

  .apple-products-title {
    text-align: center;
    width: 100%;
    font-size: 26px;
    line-height: 26px;
  }

  .apple-products-block {
    margin-top: 50px;
  }

  .apple-products-line {
    display: none;
  }

  .nav-link2 {
    height: 50px;
    font-size: 14px;
    font-weight: 700;
  }

  .qq-block-black {
    width: 100%;
    padding: 4%;
  }

  .qq-block-atributes {
    padding-left: 10px;
    padding-right: 10px;
  }

  .qq-cor-title {
    text-align: justify;
  }

  .qq-title {
    font-size: 20px;
    line-height: 22px;
  }

  ._2apple-block-info {
    width: 100%;
    margin-bottom: 15px;
    padding-left: 0;
    padding-right: 0;
  }

  .qq-product {
    margin-top: 50px;
    margin-bottom: 50px;
  }

  .qq-block-image {
    width: 100%;
    margin-bottom: 15px;
    margin-right: 0%;
    padding: 30px;
  }

  .qq-block-info {
    height: auto;
  }

  .qq-specs {
    font-size: 12px;
    line-height: 18px;
  }

  .orc-name-escuro {
    text-align: left;
    width: 100%;
    font-size: 20px;
    line-height: 18px;
  }

  .vrs-text-mask {
    width: 100%;
    margin-right: 10px;
    display: none;
  }

  .zz-product {
    margin-top: 50px;
    margin-bottom: 50px;
  }

  .zz-block-atributes {
    padding-left: 10px;
    padding-right: 10px;
  }

  .zz-title {
    font-size: 20px;
    line-height: 22px;
  }

  .zz-specs {
    font-size: 12px;
    line-height: 18px;
  }

  .zz-quero-comprar {
    width: 100%;
    padding: 4%;
  }

  .zz-block {
    width: 100%;
    margin-bottom: 15px;
    padding-left: 0;
    padding-right: 0;
  }

  .zz-block-image {
    width: 100%;
    margin-bottom: 15px;
    margin-right: 0%;
    padding: 30px;
  }

  .zz-block-info {
    height: auto;
  }

  .conta-block {
    margin-left: 0%;
    margin-right: 0%;
    padding-left: 15px;
    padding-right: 15px;
  }

  .perfil-text-normal {
    font-size: 12px;
    line-height: 20px;
  }

  .conta-full-block {
    margin-left: 0%;
    margin-right: 0%;
    padding-left: 5px;
    padding-right: 5px;
  }

  .meus-pedidos-block {
    padding-left: 10px;
    padding-right: 10px;
  }

  .meus-pedidos-text1 {
    font-size: 12px;
    line-height: 12px;
  }

  .meus-pedidos-text2 {
    font-size: 8px;
    line-height: 8px;
  }

  .meus-pedidos-text3 {
    margin-bottom: 3px;
    font-size: 8px;
    line-height: 8px;
  }

  .meus-pedidos-text4 {
    font-size: 12px;
    line-height: 14px;
  }

  .meus-pedidos-status-item {
    align-content: flex-start;
  }

  .meus-pedidos-status-text {
    font-size: 7px;
  }

  .meus-pedidos-title-block {
    font-size: 20px;
    line-height: 20px;
  }

  .meus-pedidos-item-block {
    margin-left: 5px;
    margin-right: 5px;
    font-size: 9px;
  }

  .meus-pedidos-list {
    padding: 0;
  }

  .mp-60.header {
    font-size: 10px;
    line-height: 10px;
  }

  .mp-20.header {
    font-size: 8px;
    line-height: 8px;
  }

  .conta-title {
    flex-wrap: wrap;
  }

  .perfil-buttons {
    flex: 0 auto;
    justify-content: center;
    width: 100%;
  }

  .nav-link-user {
    margin-left: 15px;
  }

  .login-entrar {
    background-image: none;
    justify-content: center;
    margin-top: 15px;
  }

  .m-card-item {
    flex: 0 auto;
    padding-left: 15px;
    padding-right: 10px;
    font-size: 18px;
    line-height: 18px;
  }

  .m-card-item.left {
    width: 60px;
  }

  .m-card-txt-3 {
    margin-bottom: 3px;
    font-size: 12px;
    line-height: 12px;
  }

  .m-card-txt-4 {
    margin-left: 0;
    font-size: 10px;
    line-height: 10px;
  }

  .m-card-conteudo {
    flex: 1;
  }

  .m-card-need {
    width: 50%;
    height: auto;
    padding-top: 0;
    padding-bottom: 0;
  }

  .m-card-gabinete-price {
    text-align: right;
    padding-left: 15px;
    padding-right: 15px;
  }

  .sticky-price-block {
    flex-wrap: wrap;
  }

  .sticky-price-block2 {
    text-align: left;
    flex: 1;
    justify-content: center;
    align-items: center;
  }

  .sticky-price-text {
    margin-bottom: 2px;
  }

  .text-block-20 {
    text-align: right;
    font-size: 10px;
    line-height: 10px;
  }

  .new-monte-seu {
    padding-right: 0;
  }

  .new-tipo-pc-but {
    width: 42%;
    height: 90px;
    margin-bottom: 1%;
  }

  .new-text-10 {
    font-size: 14px;
  }

  .new-text-11 {
    font-size: 10px;
    line-height: 10px;
  }

  .new-tipo-pc-but-a {
    width: 42%;
    height: 90px;
    margin-bottom: 1%;
  }

  .new-tipo-pc-item {
    background-color: #e6e6e6;
    border-style: none;
    flex-wrap: wrap;
    place-content: flex-start;
    width: 49%;
    margin-bottom: 2%;
  }

  .new-line-item {
    place-content: space-between;
    align-items: stretch;
  }

  .new-text-13 {
    margin-bottom: 6px;
    font-size: 13px;
    line-height: 16px;
  }

  .new-text-14 {
    margin-top: 0;
    margin-right: 5px;
  }

  .new-text-12 {
    font-size: 11px;
  }

  .new-text-score {
    text-align: center;
    margin-left: 0;
  }

  .new-item-content {
    flex: 0 auto;
    width: 100%;
    padding-top: 15px;
    padding-bottom: 0;
    padding-left: 15px;
  }

  .new-item-price {
    justify-content: flex-start;
    width: 100%;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 15px;
  }

  .new-item-score-block {
    text-align: center;
    width: 48%;
    margin-left: 1%;
    margin-right: 1%;
    display: none;
  }

  .new-text-score-title {
    text-align: center;
  }

  .new-tipo-pc-item-a {
    flex-wrap: wrap;
    width: 49%;
    min-width: 49%;
    margin-bottom: 2%;
  }

  .new-item-line {
    display: none;
  }

  .new-but-avancar, .new-but-voltar {
    width: 48%;
    margin-left: 1%;
    margin-right: 1%;
    padding-left: 12px;
    padding-right: 12px;
  }

  .new-but-text1 {
    margin-top: 3px;
    font-size: 11px;
  }

  .new-item-line2 {
    width: 100%;
    height: 1px;
    display: block;
  }

  .menu-itens {
    justify-content: flex-end;
    min-width: 700px;
    padding: 30px 20px;
  }

  .menu-itens-item {
    width: 70px;
    height: 70px;
  }

  .menu-itens-item-photo {
    width: 28px;
    height: 28px;
  }

  .menu-itens-item-text {
    margin-top: 2px;
    font-size: 10px;
    line-height: 10px;
  }

  .menu-itens-monte {
    min-width: 1200px;
  }

  .new-text-15 {
    margin-top: 0;
    font-size: 10px;
    font-weight: 500;
    line-height: 12px;
  }

  .new-tipo-pc-but2 {
    width: 42%;
    height: 90px;
    margin-bottom: 1%;
  }

  .new-form-insert {
    background-color: #e6e6e6;
    border-style: none;
    flex-wrap: wrap;
    place-content: flex-start;
    width: 49%;
    margin-bottom: 2%;
  }

  .new-form-33 {
    width: 100%;
  }

  .header-t-12 {
    font-size: 6vw;
    line-height: 7vw;
  }

  .header-t-13 {
    font-size: 5vw;
    line-height: 5vw;
  }

  .new-header-title-01 {
    text-align: center;
    margin-bottom: 8px;
    font-size: 8vw;
    line-height: 8vw;
  }

  .new-header-text-02 {
    text-align: center;
    margin-bottom: 10px;
  }

  .new-header-text-03 {
    text-align: center;
    width: 100%;
    margin-top: 15px;
    margin-bottom: 0;
  }

  .celula-01, .celula-02, .celula-03, .celula-04, .celula-06, .celula-05 {
    width: 97%;
  }

  .new-header-title-02, .new-header-title-03, .new-header-title-04, .new-header-title-05, .new-header-title-06 {
    font-size: 80px;
    line-height: 80px;
  }

  .orc-price-line {
    flex-wrap: wrap;
    width: 100%;
    font-size: 18px;
    line-height: 18px;
  }

  .m22-read7 {
    margin-right: 0;
  }

  .m22-write7 {
    margin-left: 0;
  }

  .text-block-24 {
    font-size: 13px;
  }
}