@import "./tipography.css";
@import "./home.css";

* {
  font-family: "Roboto", sans-serif !important;
}
body {
  padding-top: 100px;
}
.box-shadow {
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05), 0 4px 8px 0 rgba(0, 0, 0, 0.05);
}
#home-quote {
  background-image: url("../img/bg-quote.jpg");
  background-size: cover;
}
.max-720 {
  max-width: 720px;
  margin: 0 auto;
}
.max-1024 {
  max-width: 1024px;
  margin: 0 auto;
}
@media (max-width: 767px) {
  #home-quote .display-4 {
    font-size: 2.5rem;
  }
  body {
    padding: 0px;
  }
  .fixed-top {
    position: relative;
  }
}
.lista-plano li {
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  padding: 1rem;
}
.lista-plano li:last-child {
  border-bottom: none;
}

.carousel-control-prev,
.carousel-control-next {
  position: relative !important;
}
.carrucel-hazen {
  display: grid;
  grid-template-columns: 35px 1fr 35px;
  gap: 4px;
}
.carrucel-hazen > a {
  width: 100%;
}
.carousel-control-prev-icon {
  background-image: url("https://lenteshazen.com.br/public/lp/seta.svg");
}
.carousel-control-next-icon {
  background-image: url("https://lenteshazen.com.br/public/lp/seta.svg");
  transform: rotate(180deg);
}
.img-banner {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.mh-200 {
  min-height: 200px;
}
.align-list {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.list-s12 {
  max-width: 180px;
  margin: 0 auto;
}
.textxclean {
  max-width: 173px;
  margin: 0 auto;
}

.list-s10r {
  gap: 40px;
}
.img-obj {
  background-color: #000;
  background-image: url("../HazenNblue/img/Versão\ Mobile\ -\ Primeira\ Imagem\ 3.png");
  background-position: top center;
  background-repeat: no-repeat;
  background-size: contain;
}
.img-obj2 {
  background-color: #000;
  background-image: url("../HazenNblue/img/Versão Mobile - Primeira Imagem 4.png");
  background-position: top center;
  background-repeat: no-repeat;
  background-size: contain;
}
.section-padding .area-text {
  padding-top: 320px;
}
@media (min-width: 1000px) {
  .detalhe-list-white,
  .detalhe-list-marrom,
  .detalhe-footer,
  .textxclean {
    position: relative;
  }
  .detalhe-xclean::after {
    content: "";
    position: absolute;
    width: 2px;
    height: 90px;
    background-color: #fff;
    left: -6px;
    top: 0;
  }
  .detalhe-list-white::after {
    content: "";
    position: absolute;
    width: 4px;
    height: 74px;
    background-color: #fff;
    right: -16px;
    top: 0;
  }
  .detalhe-footer::after {
    content: "";
    position: absolute;
    width: 4px;
    height: 172px;
    background-color: #fff;
    right: -4px;
    top: 127px;
  }
  .detalhe-footer:nth-child(2)::after {
    content: "";
    position: absolute;
    width: 4px;
    height: 172px;
    background-color: #fff;
    right: 0px;
    top: -67px;
  }
  .detalhe-list-marrom::after {
    content: "";
    position: absolute;
    width: 4px;
    height: 74px;
    background-color: #af814d;
    right: -16px;
    top: 0;
  }
  .mh-575px {
    min-height: 575px;
  }
  .section-padding .area-text {
    padding-top: 0px;
  }
  .img-obj {
    background-image: url("../HazenNblue/img/Versão\ PC\ -\ Segunda\ Imagem\ 11.png");
    background-position: right center;
    background-repeat: no-repeat;
    background-size: contain;
  }
  .img-obj2 {
    background-image: url("../HazenNblue/img/Group\ 3.png");
    background-position: right right;
    background-repeat: no-repeat;
    background-size: contain;
  }
  .list-s10r {
    gap: 0px;
  }
  .container-max768 {
    max-width: 768px;
  }
  .container-max900 {
    max-width: 1000px;
  }
  .textxclean::after {
    content: "";
    position: absolute;
    width: 2px;
    height: 90px;
    background-color: #fff;
    right: -16px;
    top: 0px;
  }
  .list-s12 {
    max-width: 720px;
    margin: 0 auto;
    gap: 10px !important;
  }
  .list-s12 li div {
    height: 90px;
    width: 86px;
    margin: 0 auto;
  }
  .align-list {
    flex-direction: row;
    justify-content: center;

    text-align: left;
    margin-right: auto;
  }
  .align-list h6 {
    margin-right: auto;
  }
  .mh-200 {
    min-height: 500px;
  }
  .section-15 {
    width: max-content;
  }
}
.bg-dark-full {
  background-color: #000;
}

.list-s10 li div {
  height: 80px;
  width: 86px;
  margin: 0 auto;
}
.list-s10monof li div {
  height: 150px;
  width: 180px;
  margin: 0 auto;
}
.list-s11 li div {
  height: 98px;
  margin: 0 auto;
}
.list-s10 li div img {
  max-width: 100%;
}
.list-s10monof li div img {
  max-width: 100%;
}
.img-LP {
  max-height: 75px;
}
p.dropcap::first-letter {
  font-size: 20px;
  font-family: serif;
  color: aliceblue;
  /* border: 1px solid white; */
  letter-spacing: 74px;
  color: transparent;
}
p.dropcap {
  font-size: 20px;
  font-family: serif;
  color: aliceblue;
}
img.dropcap-image {
  float: left; /* Alinea la imagen a la izquierda */
  margin-right: 10px; /* Espacio entre la imagen y el texto */
  /* border: 1px solid red;  */
  max-height: 50px;
  width: 82px;
  height: 23px;
  object-fit: contain;
  object-position: right;
  position: absolute;
  z-index: 1;
  top: -2px;
}
/* /////////////////////////////////////////////// sunsix */
p.sunsix::first-letter {
  font-size: 20px;
  font-family: serif;
  color: transparent;
  /* border: 1px solid white; */
  letter-spacing: 74px;
  color: transparent;
}
p.sunsix {
  font-size: 20px;
  font-family: serif;
  color: aliceblue;
}
img.sunsix-image {
  float: left; /* Alinea la imagen a la izquierda */
  margin-right: 10px; /* Espacio entre la imagen y el texto */
  /* border: 1px solid red; */
  height: 51px;
  width: 82px;
  object-fit: contain;
  object-position: right;
  position: absolute;
  z-index: 1;
  top: -18px;
}

/* end  */
/* /////////////////////////////////////////////// nblue */
p.nblue::first-letter {
  font-size: 20px;
  font-family: serif;
  color: transparent;
  /* border: 1px solid white; */
  letter-spacing: 74px;
  color: transparent;
}
p.nblue {
  font-size: 20px;
  font-family: serif;
  color: aliceblue;
}
img.nblue-image {
  float: left; /* Alinea la imagen a la izquierda */
  margin-right: 10px; /* Espacio entre la imagen y el texto */
  /* border: 1px solid red; */
  height: 51px;
  width: 82px;

  object-fit: contain;
  object-position: right;
  position: absolute;
  z-index: 1;
  top: -16px;
}

span.nblue2 {
  color: transparent;
  width: 78px;
  height: 24px;
  background-image: url("../HazenNblue/img/Marca\ -\ Nblue\ Branca\ 4.png");
  background-repeat: no-repeat;
  background-color: transparent;
}
/* end  */


.button-order{
  cursor: pointer;
  display: none !important;
}