/* Header */
.btn-number-customized {
  border: none;
  border-radius: 0%;
  background-color: #ffa150;
}

.btn-number-customized:hover {
  background-color: #ff902e;
}

/* Nav */
.navbar-collapse {
  z-index: 1005;
}

.navbar > .container,
.navbar > .container-fluid,
.navbar > .container-lg,
.navbar > .container-md,
.navbar > .container-sm,
.navbar > .container-xl,
.navbar > .container-xxl {
  z-index: 1005;
}

.navbar-fixed {
  width: 100%;
  display: flex;
  justify-content: center;
  position: fixed;
  top: 0;
  z-index: 1005;
}

nav {
  z-index: 1000;
  background-color: #d69b9b;
}

.logo {
  width: 150px;
  height: 50px;
}

/* Carousel */
.full-height {
  height: 100vh;
}

.full-height .carousel-inner,
.full-height .carousel-item,
.full-height .carousel-item img {
  object-fit: cover;
}

.box-text-carousel {
  width: 50%;
  position: absolute;
  top: 25%;
  margin-left: 15px;
  text-align: left;
  justify-content: space-between;
  /*background-color: #00000052;*/
}

.text-carousel-primary {
  font-size: 3.6rem;
  line-height: 50px;
  letter-spacing: 2px;
}

.carousel-control-prev,
.carousel-control-next {
  display: flex;
  justify-content: center;
  height: 50px;
  background-color: #d3dadf5d;
  margin-top: auto;
}

.box-sub {
  width: 600px;
  margin-left: 700px;
}

.itens-li-carousel {
  color: #f8f8f8;
}

.itens-li-carousel > li {
  margin-left: 35px;
  list-style-type: disc;
}

.text-color-protection {
  color: #ffa150;
}

.text-secundary {
  font-size: 0.8rem;
  font-weight: 500;
  line-height: 5px;
  margin-top: 25px;
}

.box-btns {
  margin-top: 30px;
  display: flex;
  flex-direction: row;
  gap: 15px;
  z-index: 1020;
}

.btn-customized {
  border: none;
  border-radius: 0%;
  background-color: #ffa150;
}

.btn-customized-contact {
  border-radius: 0%;
  color: rgb(0, 0, 0);
  border: solid 1px #000000;
}

/* Commitment */
.background {
  height: 100%;
  text-align: center;
  background-color: rgba(214, 214, 214, 0.877);
}

.title-commitment {
  height: 5px;
  font-size: 0.9rem;
  font-weight: 500;
  color: #ffa150;
  padding-top: 30px;
}

.text-security {
  height: 20px;
  font-size: 1.8rem;
  line-height: 2.4rem;
  color: #000000;
  font-weight: 700;
}

.text-description {
  font-size: 1rem;
  line-height: 1.6rem;
  font-weight: 500;
  color: #000000;
  padding-bottom: 45px;
}

.color-wehug {
  color: #ffa150;
}

.box-cards {
  height: 400px;
  display: flex;
  flex-direction: row;
  gap: 10px;
  flex-wrap: wrap;
  justify-content: center;
}

.box-cards > .card-customized:nth-child(odd) {
  align-self: flex-end;
}

.box-cards > .card-customized:nth-child(even) {
  align-self: flex-start;
}

/* Card */
.card-customized {
  width: 300px;
  height: 280px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  border: none;
  border-radius: 0%;
  background-color: #f8f8f8;
  margin-bottom: 20px;
  padding: 30px;
  text-align: left;
}

.card-customized:hover {
  background-color: #000000;
  color: #f8f8f8;
}

.icone-card {
  width: 65px;
  height: 55px;
}

.card-title {
  color: #ffa150;
  font-weight: 750;
  font-size: 1.5rem;
  margin-top: 10px;
}

.card-text {
  font-size: 0.8rem;
  margin-top: 3px;
}

/* Features and Benefits */
.background-fab {
  width: 100%;
  height: 100vh;
  display: flex;
  flex-direction: column;
  background-image: url(/assets/img/recursosebeneficios/backgroundreb.png);
  background-size: cover;
  background-repeat: no-repeat;
}

.box-content-title {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.box-title-fb {
  width: 80%;
  height: 50px;
  margin-top: 55px;
  margin-bottom: 20px;
  border-left: solid 20px #ffa150;
}

.title-fb-primary {
  height: 2px;
  font-size: 0.9rem;
  color: #ffa150;
  margin-left: 20px;
}

.title-fb-secundary {
  font-size: 1.6rem;
  font-weight: 700;
  margin-left: 20px;
}

.title-fb-secundary > span {
  color: #ffa150;
}

.box-video {
  width: 80%;
  height: 430px;
  overflow: hidden;
  margin-right: 20px;
  margin-left: 20px;
}

.box-content {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.box-benefits {
  width: 70%;
  height: 470px;
  display: flex;
  flex-direction: column;
  border-left: solid 4px #ffa150;
}

.benefits-content {
  display: flex;
  flex-direction: row;
  gap: 0px;
}

.benefits-content > img {
  width: 60px;
  height: 60px;
  margin-left: 25px;
  margin-right: 15px;
}

.title-benefits {
  height: 7px;
  font-size: 1rem;
  font-weight: 700;
}

.description-benefits {
  font-size: 0.7rem;
  color: #ffa150;
  padding-right: 90px;
}

/* Interface */
.box-content-interface {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.box-interfaces {
  width: 100%;
  display: flex;
  flex-direction: row;
  gap: 30px;
  align-items: center;
  justify-content: center;
}

.box-title {
  display: flex;
  margin-top: 90px;
  margin-bottom: 30px;
}

.box-title > p {
  font-size: 1.6rem;
  font-weight: 700;
  margin-left: 225px;
}

.img-interface-medium {
  width: 300px;
  height: 330px;
  margin-bottom: 15px;
  border: solid 1px rgb(201, 201, 201);
}

.img-interface-big {
  width: 400px;
  height: 400px;
  margin-bottom: 15px;
  border: solid 1px rgb(201, 201, 201);
}

.img-interface-medium:hover,
.img-interface-big:hover {
  transform: scale(1.1);
  transition: transform 0.3s ease;
}

/* Personalized Service */
.full-height-service {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
}

.background-ps {
  width: 100%;
  height: 100vh;
  display: flex;
  flex-direction: column;
  background-image: url(/assets/img/atendpersonalizado/fundoatendpers.png);
  background-size: cover;
  background-repeat: no-repeat;
}

.box-ps {
  width: 33%;
  display: flex;
  flex-direction: column;
  margin-left: 780px;
  margin-top: auto;
  margin-right: 35px;
  margin-bottom: 30px;
}

.title-ps {
  height: 50px;
  line-height: 33px;
  font-size: 2rem;
  font-weight: 750;
  color: #f8f8f8;
  margin-bottom: 35px;
}

.description-ps-personalized {
  font-size: 0.8rem;
  color: #ffffff;
}

.btn-customized-ps {
  width: 190px;
  height: 40px;
  font-size: 0.8rem;
  border-radius: 0%;
  color: #ffa150;
  border: none;
  align-items: center;
  align-content: center;
  background-color: #f8f8f8;
}

/* Solution */
.box-title-sl {
  width: 80%;
  height: 55px;
  margin-top: 55px;
  margin-left: 200px;
  margin-bottom: 20px;
  border-left: solid 20px #ffa150;
}

.title-sl-primary {
  height: 2px;
  font-size: 0.9rem;
  color: #ffa150;
  margin-left: 20px;
}

.title-sl-secundary {
  font-size: 1.9rem;
  font-weight: 700;
  margin-left: 20px;
}

.box-cards-solution {
  display: flex;
  flex-wrap: wrap;
  gap: 20px; /* espaço entre os cards */
  justify-content: center;
}

.card-solution {
  width: 400px;
  height: 570px;
  padding: 26px;
  display: flex;
  flex-direction: column;
  background-image: url(/assets/img/solucoes/fundoplanos.png);
  background-size: contain;
  background-repeat: no-repeat;
  position: relative;
  height: auto !important;
}

.d1 {
    min-height: 400px;
}

.card-title-solution {
  color: #ffa150;
  font-weight: 600;
  font-size: 1.4rem;
  margin-top: 60px;
}

ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.description-solutionv2 {
  padding-left:12px;
  font-size: 0.8rem;
  color: #f8f8f8;
  margin-top: 5px;
}
.description-solution {
  font-size: 0.9rem;
  color: #f8f8f8;
  margin-top: 20px;
}

.img-check-x {
  width: 12px;
  height: 10px;
  margin-right: 5px;
}

.center {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.price-content {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.btn-solution {
  width: 190px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0.8rem;
  border-radius: 0%;
  color: #f8f8f8;
  border: none;
  background-color: #ffa150;
  margin-top: 20px;
  font-weight: 600;

  &:hover {
    color: #f8f8f8;
    background-color: #ff902e;
  }
}

.dollarsign {
  font-size: 1.3rem;
  color: #f8f8f8;
  margin-left: 20px;
}

.price-primary {
  color: #f8f8f8;
  font-weight: 500;
  font-size: 3.6rem;
  margin-left: 15px;
}

.box-price-month {
  width: 50px;
  height: 50px;
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
  align-items: center;
}

.price-secundary {
  color: #f8f8f8;
  font-size: 0.9rem;
  margin-left: -15px;
}

.month {
  color: #f8f8f8;
  font-size: 0.9rem;
}

.others-plans {
  display: flex;
  justify-content: flex-end;
  margin-top: 20px;
  font-size: 1.3rem;
  color: #ffa150;
  font-weight: 600;
  margin-top: 90px;
  margin-right: 210px;
}

.text-rates {
  font-size: 0.9rem;
  color: #f8f8f865;
}

/* About us */
.color-about-backgorund {
  background-color: #f5f5f5;
}

.box-title-us {
  width: 80%;
  height: 110px;
  margin-left: 150px;
  margin-bottom: 20px;
  padding-top: 30px;
  border-left: solid 20px #ffa150;
}

.title-us-primary {
  height: 2px;
  font-size: 0.9rem;
  color: #ffa150;
  margin-left: 20px;
}

.title-us-secundary {
  font-size: 2.3rem;
  font-weight: 700;
  margin-left: 20px;
}

.box-experience-content {
  display: flex;
  gap: 20px;
  margin-top: 100px;
  flex-direction: row;
  justify-content: space-evenly;
  scroll-behavior: smooth;
  overflow-x: hidden;
  padding-bottom: 20px;
}

.box-content-all {
  margin-left: 10px;
  user-select: none;
}

.experience-item {
  display: flex;
  flex-direction: row;
  height: 330px;
  padding: 25px;
  background-color: #ffffff;
  min-width: 200px;
  max-width: 400px;
  flex-shrink: 0;

  &:hover {
    background-color: #000000d0;

    &:hover .description-experience {
      color: #f8f8f8;
    }
  }
}

.experience-item > img {
  width: 50px;
  height: 50px;
  user-select: none;
}

.title-experience {
  color: #ffa150;
  font-size: 1.3rem;
  font-weight: 600;
}

.subtitle-experience {
  color: #ffa150;
  font-size: 1rem;
}

.description-experience {
  color: #000000;
  font-size: 0.7rem;
}

.img-rotate {
  transform: rotateY(180deg);
}

/* Company */
.background-company {
  border-top: solid 7px #ffa150;
  border-bottom: solid 7px #ffa150;
}

.box-company-content {
  display: flex;
  flex-direction: column;
  margin-top: 20px;
}

.box-company-text-grid {
  display: flex;
  flex-direction: row;
  padding: 30px;
}

.box-grid {
  width: 70%;
}

.color-text-company {
  color: #ffa150;
}

.title-company {
  font-size: 1.7rem;
  font-weight: 650;
}

.left-company {
  margin-left: 73px;
}

.text-company {
  font-size: 0.9rem;
  font-weight: 600;
}

.title-color {
  color: #ffa150;
}

.grid {
  width: 90%;
  display: grid;
  grid-template-rows: repeat(7, 1fr);
  grid-template-columns: repeat(9, 1fr);
  gap: 5px;
  height: 75%;
}

#item-0,
#item-1,
#item-2,
#item-3,
#item-4 {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-clip: border-box;
}

#item-0 {
  grid-row: 1 / 5;
  grid-column: 1 / 7;
  background-image: url("/assets/img/empresa/sede1.png");
}

#item-1 {
  grid-row: 5 / 8;
  grid-column: 1 / 4;
  background-image: url("/assets/img/empresa/fotoveiculo.png");
}

#item-2 {
  grid-row: 1 / 4;
  grid-column: 7 / 10;
  background-image: url("/assets/img/empresa/sede2.png");
}

#item-3 {
  grid-row: 4 / 8;
  grid-column: 7 / 10;
  background-image: url("/assets/img/empresa/interior.png");
}

#item-4 {
  grid-row: 5 / 8;
  grid-column: 4 / 7;
  background-image: url("/assets/img/empresa/sede4.png");
}

/* Modal CSS */
.modal {
  display: none;
  position: fixed;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  justify-content: center;
  align-items: center;
}

.modal-content {
  max-width: 80%;
  max-height: 80%;
  width: auto;
  height: auto;
  border-radius: 8px;
  margin: auto;
  margin-top: 100px;
}

.close {
  position: absolute;
  top: 20px;
  right: 35px;
  color: white;
  font-size: 40px;
  font-weight: bold;
  cursor: pointer;
}

.close:hover,
.close:focus {
  color: #999;
  text-decoration: none;
  cursor: pointer;
}

.box-btns-company {
  display: flex;
  gap: 30px;
  flex-direction: row;
  margin-left: 40px;
}

.btn-solution-company {
  width: 190px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0.8rem;
  border-radius: 0%;
  color: #f8f8f8;
  border: none;
  background-color: #ffa150;
  margin-top: 20px;
  font-weight: 600;
}

.btn-solution-company:hover {
  background-color: #ff902e;
  color: #f8f8f8;
}

.btn-solution-company-white {
  width: 190px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0.8rem;
  border-radius: 0%;
  color: #757575ab;
  border: solid 1px #757575ab;
  background-color: #ffffff;
  margin-top: 20px;
  font-weight: 600;
}

.btn-solution-company-white:hover {
  color: #ffffffab;
  background-color: #ff902e;
}

/* Form Demo */
.full-height-demo {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
}

.box-form-group {
  width: 100%;
  max-width: 1000px;
  padding: 40px;
  background-color: #f0f0f0ad;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  margin-bottom: 50px;
}

.form-group-content {
  display: flex;
  flex-direction: row;
  gap: 20px;
  margin-bottom: 15px;
}

.form-group {
  flex: 1;
  min-width: 300px;
}

.inputs,
.form-control {
  width: 450px;
  height: 40px;
  padding: 10px;
  border: solid 1px rgba(0, 0, 0, 0.2);
  border-radius: 5px;
  font-size: 0.9rem;
}

.inputs::placeholder,
.form-control::placeholder {
  color: rgba(58, 58, 58, 0.6);
}

input:focus,
.form-control:focus,
.inputs:focus {
  background-color: #f5f5f5;
  outline: none;
  border-color: #ffa150;
}

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

.form-control {
  height: 150px;
  resize: vertical;
  color: #c2c2c2;
}

.form-group-title {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 20px;
}

.box-radio {
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: 100%;
  max-width: 300px;
}

.inputs-radio,
.box-label-radios label {
  font-size: 0.9rem;
  font-weight: 450;
}

.inputs-radio {
  display: flex;
  gap: 5px;
}

.box-center-demo {
  text-align: center;
  margin-top: 20px;
}

.title-form-demo {
  font-size: 1.5rem;
  font-weight: 700;
  color: #000000;
  text-align: center;
  margin-bottom: 20px;
  padding-top: 2em;
}

.color-form {
  color: #ffa150;
}

.btn-solution-submit {
  width: 100%;
  max-width: 200px;
  height: 45px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1rem;
  border-radius: 5px;
  color: #fff;
  border: none;
  background-color: #0f78be;
  margin-top: 20px;
  font-weight: 600;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

.btn-solution-submit:hover {
  background-color: #0d669a;
}

input[type="checkbox"] {
  margin-right: 10px;
}

label[for="checkboxes"] {
  font-size: 0.9rem;
  color: #555;
  cursor: pointer;
}

select {
  color: #555555d2;
}

/* Footer */
footer {
  height: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  /*background-color: #ABDB89;*/
}

.box-partners {
  width: 90%;
  height: 100px;
  display: flex;
  flex-wrap: wrap;
  gap: 50px;
  margin-bottom: 25px;
}

.title-partners {
  font-size: 0.9rem;
  font-weight: 600;
  color: #c2c2c2;
  margin-bottom: 25px;
}

.box-partners-imgs {
  width: 200px;
  height: 60px;
}

.box-partners-imgs > img {
  width: 180px;
  height: 80px;
}

.box-help {
  width: 100%;
  height: 140px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: #ffffff;
  background-color: #000000;
}

.help-title {
  font-size: 1.5rem;
  font-weight: 600;
}

.callnow {
  font-size: 1.5rem;
  font-weight: 600;
  margin-top: 20px;
  color: #ffa150;
  text-decoration: none;
}

.box-all-footer {
  display: flex;
  width: 100%;
  margin-top: 70px;
}

.all-footer-content {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-around;
}

.box-maps {
  display: flex;
  flex-direction: row;
}

.box-maps-frame {
  margin-left: 20px;
}

.ul-product {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  text-decoration: none;
  color: #000000;
}

.ul-product > li {
  list-style: none;
  margin-bottom: 10px;
  font-size: 0.9rem;
  font-weight: 500;
  color: #000000c7;
  transition: color 0.3s ease;
  cursor: pointer;

  &:hover {
    color: #ffa150;
  }
}

.box-copy {
  width: 100%;
  height: 20px;
  display: flex;
  margin-top: 25px;
  padding: 35px;
  flex-direction: row;
  justify-content: space-between;
}

.box-copy-content {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}

.box-terms {
  display: flex;
  flex-direction: row;
  gap: 40px;
}

.text-footer {
  height: 10px;
  font-size: 0.9rem;
  font-weight: 500;
}

.sitename {
  font-size: 1rem;
  font-weight: 600;
  color: #ff902e;
}

.box-icons-all {
  display: flex;
  flex-direction: column;
  margin-top: 50px;
  justify-content: flex-start;
}

.title-icons {
  height: 20px;
  display: flex;
  justify-content: flex-start;
  font-size: 0.9rem;
  font-weight: 500;
}

.box-icons {
  display: flex;
  flex-direction: row;
  gap: 10px;
}

.bxl-facebook-square,
.bxl-instagram {
  color: #000000;
}

.logo-moveup {
  width: 140px;
  height: 110px;
  margin-left: -35px;
}

/* Responsivo - Dispositivos m車veis */
@media (max-width: 480px) {
  nav {
    z-index: 1005;
  }

  .full-height .carousel-inner,
  .full-height .carousel-item,
  .full-height .carousel-item img {
    height: 100vh;
    object-fit: cover;
  }

  .logo {
    width: 100px;
    height: 35px;
  }

  .box-text-carousel {
    width: 90%;
    top: 15%;
    margin-left: 15px;
  }

  .box-title-sl {
    margin-left: 0px;
  }

  .experience-item {
    width: 360px;
    height: 420px;
    overflow-x: scroll;
  }

  ::-webkit-scrollbar {
    display: none;
  }

  .box-experience-content {
    width: 420px;
    overflow-x: scroll;
    margin-left: 0px;
    margin-bottom: 35px;
  }

  .box-title-us {
    margin-left: 0px;
    height: 90px;
  }

  .box-partners {
    width: 400px;
    display: flex;
    flex-direction: column;
    overflow-x: scroll;
  }

  .box-company-text-grid {
    flex-direction: column;
  }

  .box-form-group {
    width: 400px;
  }

  .box-text,
  .box-grid {
    height: 400px;
    width: 400px;
    margin-bottom: 20px;
  }

  .title-form-demo {
    font-size: 1.2rem;
  }

  .text-security {
    font-size: 0.9rem;
  }

  .text-description {
    font-size: 0.9rem;
  }

  .form-group {
    width: 300px;
  }

  .inputs {
    width: 350px;
    margin-left: -10px;
  }

  .form-control,
  .box-textarea,
  textarea {
    width: 350px;
    margin-left: -5px;
  }

  .confirm-terms {
    display: flex;
    flex-direction: row;
  }

  .confirm-terms > .text-terms {
    font-size: 0.7rem;
    margin-left: 5px;
  }

  .box-btn-mob {
    width: 300px;
    margin-left: -10px;
  }

  label {
    margin-left: -10px;
  }

  .all-footer-content {
    flex-direction: column;
    gap: 10px;
    margin-left: 0px;
    margin-right: 0px;
  }

  .box-maps {
    flex-direction: row;
    gap: 0px;
    margin-left: 25px;
    margin-right: 0px;
  }

  .text-company {
    font-size: 0.7rem;
  }

  .form-group-content {
    flex-direction: column;
    gap: 10px;
    margin-left: 0px;
    margin-right: 0px;
  }

  .text-secundary {
    font-size: 0.6rem;
  }

  .box-cards {
    flex-direction: column;
    align-items: center;
    overflow-y: auto;
  }

  .center {
    align-items: flex-start;
    margin-left: 40px;
  }

  .background-fab,
  .background-ps {
    height: auto;
    padding: 20px;
  }

  .background-ps {
    height: 900px;
  }

  .box-title-fb,
  .box-video {
    width: 100%;
    margin-top: 20px;
  }

  .box-title-fb {
    margin-top: 50px;
  }

  .title-fb-secundary {
    font-size: 1.2rem;
  }

  .box-benefits {
    width: 400px;
    height: 250px;
    flex-direction: row;
    overflow-x: scroll;
    margin-top: 60px;
  }

  .benefits-content {
    height: 230px;
  }

  .description-benefits {
    width: 250px;
    height: 100px;
  }

  .box-content,
  .box-ps {
    flex-direction: column;
    align-items: center;
  }

  .box-content {
    height: 300px;
  }

  .description-ps {
    margin-top: 20px;
    color: #000000;
    font-weight: 500;
    padding: 0px 0px 0px 0px;
  }

  .benefits-content img {
    margin: 10 0 10px;
  }

  .box-ps {
    width: 90%;
    height: 650px;
    margin-right: 0;
    margin-left: 0px;
    margin-bottom: 400px;
    padding: 40px;
    background-color: #f8f8f8b4;
  }

  .box-title > p {
    margin-left: 0;
    text-align: center;
    font-size: 1.2rem;
    margin-left: 10px;
  }

  .box-interfaces > div {
    margin-left: 10px;
  }

  .img-interface-medium,
  .img-interface-big {
    width: 90%;
    height: auto;
  }

  .size-mob {
    width: 100%;
    height: 500px;
  }

  .video-mob {
    display: none;
  }

  .full-height {
    height: 100%;
  }

  .full-height-service {
    height: 100%;
  }

  .title-ps {
    font-size: 1.2rem;
    color: #000000;
  }

  .btn-customized-ps {
    color: #f8f8f8;
    background-color: #ffa150;
  }

  .others-plans {
    margin-bottom: 60px;
  }

  .title-us-secundary {
    font-size: 1.5rem;
  }

  .title-sl-secundary {
    font-size: 1.2rem;
  }

  .title-company {
    font-size: 1.2rem;
  }

  .help-title {
    font-size: 1.2rem;
  }

  .card-customized {
    background-color: #f8f8f8;
  }

  .box-all-footer {
    width: 90%;
    flex-direction: row;
  }

  .ul-product {
    display: none;
  }

  .box-icons-all {
    align-items: center;
  }

  .box-copy {
    flex-direction: column;
  }

  .box-terms {
    margin-top: 15px;
    gap: 80px;
  }

  .box-copy-content {
    height: 58px;
    flex-direction: column;
    margin-bottom: 0px;
  }

  .text-footer {
    height: 33px;
  }

  .text-carousel-primary {
    margin-top: 50px;
    font-size: 1.5rem;
    z-index: 1000;
    position: relative;
  }

  .text-secundary {
    font-size: 0.8rem;
    width: 230px;
    line-height: 20px;
    position: relative;
  }

  .box-sub {
    margin-left: 10px;
  }

  .box-img-playstore {
    display: none;
  }

  .box-img-cell {
    margin-left: 100px;
    margin-top: -145px;
  }

  .img-cell {
    width: 380px;
    height: 100px;
  }

  .box-btns {
    position: relative;
  }

  .box-cards-solution {
    margin-bottom: 40px;
    overflow-x: scroll;
  }

  .card-solution {
    width: 400px;
    padding: 40px;
    height: 650px;
  }

  .btn-solution.width {
    width: 290px;
    height: 60px;
  }

  .box-terms {
    margin-top: 0px;
    height: 20px;
  }

  .box-btns-company {
    margin-left: 5px;
  }
}

@media (min-width: 481px) and (max-width: 1024px) {
  ::-webkit-scrollbar {
    display: none;
  }

  .navbar-fixed {
    width: 100%;
  }

  .logo {
    width: 120px;
    height: 40px;
  }

  .box-text-carousel {
    width: 80%;
    top: 20%;
    margin-left: 15px;
  }

  .video-mob {
    display: none;
  }

  .text-carousel-primary {
    font-size: 1.9rem;
  }

  .text-secundary {
    font-size: 0.9rem;
    line-height: 20px;
  }

  .text-security {
    font-size: 1.3rem;
  }

  .box-cards {
    height: 100%;
    flex-direction: row;
    justify-content: space-around;
  }

  .background-fab {
    height: 100%;
    padding: 40px;
  }

  .box-title-fb {
    width: 90%;
  }

  .video-mob {
    display: flex;
    padding-bottom: 150px;
}

  .box-benefits {
    justify-content: center;
  }

  .box-content {
    margin-top: 30px;
    flex-direction: column;
  }

  .box-interfaces {
    width: auto;
    gap: 0px;
    margin-left: auto;
  }

  .size-mob {
    height: 100%;
  }

  .background-ps {
    padding: 30px;
  }

  .box-ps {
    width: 50%;
    margin-left: 400px;
    padding: 25px;
    background-color: #b7bdbd91;
  }

  .title-ps {
    font-size: 1.1rem;
    color: #000000;
  }

  .description-ps {
    color: #2b2b2b;
    padding: 0px 10px 0px 10px;
    font-size: 0.7rem;
    margin-top: 30px;
  }

  .box-title > p {
    margin-left: 0;
    text-align: center;
    margin-left: 90px;
  }

  .box-experience-content {
    overflow-x: scroll;
    margin-left: 0px;
    margin-bottom: 40px;
  }

  .box-title-us {
    margin-left: 0px;
  }

  .background-company {
    height: 100%;
  }

  .color-about-backgorund {
    height: 100%;
  }

  .text-company {
    font-size: 0.7rem;
  }

  .img-interface-medium,
  .img-interface-big {
    width: 80%;
    height: auto;
  }

  .box-partners {
    width: 760px;
    height: 90px;
    display: flex;
    flex-direction: row;
    overflow-x: scroll;
    flex-wrap: nowrap;
  }

  .box-form-group {
    width: 760px;
  }

  .inputs {
    width: 320px;
  }

  .form-control {
    width: 320px;
  }

  .box-img-playstore {
    width: 400px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }

  .box-img-playstore > img {
    width: 250px;
    height: 30%;
  }

  .box-img-cell {
    width: 400px;
    height: 400px;
    border-color: #9eb685;
    margin-left: 420px;
    margin-top: -140px;
  }

  .box-img-cell > img {
    width: 250px;
    height: 320px;
    border-radius: 10px;
  }

  .box-sub {
    width: 470px;
    height: 370px;
    margin-left: 480px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }

  .box-img-cell > img {
    margin-left: 100px;
    margin-top: 5px;
  }

  .box-cards-solution {
    width: 100%;
    overflow-x: scroll;
    margin-bottom: 40px;
  }

  .card-solution {
    width: 600px;
    padding: 40px;
    height: 650px;
  }

  .box-content-interface {
    margin-bottom: 40px;
  }

  .full-height {
    height: auto;
  }

  .all-footer-content {
    gap: 20px;
  }

  .title-company {
    margin-top: 50px;
  }

  .btn-solution.width {
    width: 290px;
    height: 60px;
  }

  .box-btns-company {
    margin-left: 5px;
  }
}

@media (min-width: 1025px) and (max-width: 1440px) {
  .logo {
    width: 140px;
    height: 45px;
  }

  .box-text-carousel {
    width: 60%;
    height: auto;
    top: 25%;
    margin-left: 15px;
  }

  .text-carousel-primary {
    font-size: 2.5rem;
  }

  .text-secundary {
    font-size: 0.95rem;
  }

  .box-cards {
    flex-direction: row;
    justify-content: space-evenly;
  }

  .background-fab {
    padding: 50px;
  }

  .box-title-fb {
    width: 85%;
  }

  .box-video,
  .box-benefits {
    width: 85%;
  }

  .box-content {
    flex-direction: row;
  }

  .background-ps {
    padding: 40px;
  }

  .box-title > p {
    margin-left: 150px;
  }

  .img-interface-medium .img-interface-big {
    width: 70%;
    height: auto;
  }

  .text-color-protection {
    line-height: 20px;
  }

  .box-img-playstore {
    width: 1400px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }

  .box-img-playstore > img {
    width: 250px;
    height: 30%;
  }

  .box-img-cell {
    width: 400px;
    height: 400px;
    border-color: #9eb685;
    margin-left: 820px;
    margin-top: -300px;
  }

  .box-img-cell > img {
    width: 530px;
    height: 680px;
    border-radius: 10px;
  }

  .box-cards-solution {
    margin-bottom: 60px;
  }

 .card-solution {

    width: 400px;
    height: 650px;
  }

  .full-height {
    height: auto;
    padding-top: 2em;
  }

  .btn-solution.width {
    width: 290px;
    height: 60px;
  }

  .box-btns-company {
    margin-left: 40px;
  }
}

@media (min-width: 1441px) and (max-width: 2560px) {
  .logo {
    width: 160px;
    height: 55px;
  }

  .box-text-carousel {
    width: 50%;
    top: 30%;
    margin-left: 15px;
  }

  .text-carousel-primary {
    font-size: 3.6rem;
  }

  .text-secundary {
    font-size: 0.8rem;
  }

  .box-cards {
    flex-direction: row;
    justify-content: space-evenly;
  }

  .box-interfaces {
    flex-direction: row;
  }

  .background-fab {
    padding: 60px;
  }

  .box-title-fb {
    width: 80%;
  }

  .box-video {
    width: 80%;
  }

  .box-content {
    flex-direction: row;
  }

  .description-experience,
  .experience-item,
  .box-content-all,
  .experience-item {
    max-width: 800px;
  }

  .background-ps {
    padding: 50px;
  }

  .box-ps {
    width: 39%;
    margin-left: 900px;
  }

  .description-ps {
    font-size: 1rem;
    padding: 0px 0px 0px 0px;
  }

  .description-ps-2 {
    width: 50%;
    height: 400px;
    padding: 10px;
    margin-bottom: 20px;
    border-left: solid 6px #ffa150;
  }

  .box-partners {
    justify-content: center;
  }

  .box-title > p {
    margin-left: 225px;
  }

  .img-interface-medium {
    width: 400px;
    height: 400px;
  }

  .img-interface-big {
    width: 600px;
    height: 600px;
  }

  .text-company {
    font-size: 1.2rem;
  }

  .description-benefits {
    font-size: 0.9rem;
  }

  .box-img-playstore {
    width: 1400px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }

  .box-img-playstore > img {
    width: 250px;
    height: 30%;
  }

  .box-img-cell {
    width: 400px;
    height: 400px;
    border-color: #9eb685;
    margin-left: 820px;
    margin-top: -300px;
  }

  .box-img-cell > img {
    width: 530px;
    height: 680px;
    border-radius: 10px;
    margin-left: 500px;
  }

  .box-sub {
    margin-left: 1700px;
  }

  .full-height {
    height: auto;
  }

  .box-cards-solution {
    margin-bottom: 60px;
  }

  .card-solution {
    height: 600px;
  }

  .box-experience-content {
    margin-bottom: 50px;
  }

  .title-company {
    margin-top: 60px;
  }

  .box-benefits {
    height: 540px;
  }

  .box-sub {
    margin-left: 990px;
  }

  .text-secundary {
    height: 50px;
    line-height: 20px;
  }

  .btn-solution.width {
    width: 250px;
    height: 60px;
  }

  .box-btns-company {
    margin-left: 40px;
  }
}

@media (min-width: 2561px) {
  .logo {
    width: 180px;
    height: 60px;
  }

  .box-text-carousel {
    width: 40%;
    top: 35%;
    margin-left: 15px;
  }

  .text-carousel-primary {
    font-size: 4rem;
  }

  .text-secundary {
    font-size: 0.9rem;
  }

  .box-cards {
    flex-direction: row;
    justify-content: space-between;
  }

  .background-fab {
    padding: 70px;
  }

  .box-title-fb {
    width: 75%;
  }

  .box-video,
  .box-benefits {
    width: 75%;
  }

  .box-content {
    flex-direction: row;
  }

  .background-ps {
    padding: 60px;
  }

  .box-ps {
    width: 30%;
  }

  .box-title > p {
    margin-left: 250px;
  }

  .img-interface-medium,
  .img-interface-big {
    width: 50%;
    height: auto;
  }

  .box-img-playstore {
    width: 1400px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }

  .box-img-playstore > img {
    width: 250px;
    height: 30%;
  }

  .box-img-cell {
    width: 400px;
    height: 400px;
    border-color: #9eb685;
    margin-left: 820px;
    margin-top: -300px;
  }

  .box-img-cell > img {
    width: 530px;
    height: 680px;
    border-radius: 10px;
  }
}