body {
  scroll-behavior: smooth;
}
@font-face {
    font-family: "uni";
    src: url("./assets/fontes/uni-neue-heavy.otf") format("truetype");
    }
  @font-face {
    font-family: "Montserrat";
    src: url("fonts/Montserrat-Regular.ttf");
  }
  body {
    background-color: #F6FAFF;
    margin: 0;
    font-family: "Montserrat", sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.3;
    color: #778793;
    text-align: center;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent;
    min-height: 100vh;
  }
  .navbar {
    background-color: #F6FAFF;
  }
  .navbar-brand button {
    border: none !important;
  }
  .navbar-brand button:focus-visible {
    border: none !important;
  }
  .navbar-logo img {
    height: 3.125rem;
  }
  .jumbotron {
    background-size: cover;
    min-height: 37.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 1.875rem 1.875rem 0 0;
    margin-bottom: 0;
  }
  @media(max-width: 991px) {
    .jumbotron {
      background-position: right !important;
    }
  }
  .btn {
    color: #ffffff !important;
    background-color: #3f6379 !important;
    filter: drop-shadow(0px 4px 4px rgba(63, 99, 121, 0.7)) !important;
    border-radius: 3.125rem;
  }
  .btn:hover {
    color: #ffffff !important;
    background-color: #3b759b !important;
  }
  .navbar-nav {
      margin: auto;
  }
  .navbar a {
    color:#3f6379 !important; 
  }
  .navbar a:hover {
    color:#02242e !important; 
  }
  .navbar-brand {
      margin: auto;
  }
  .btn-menu {
      margin: 0 !important;
  }
  h1 {
    font-family: "uni", sans-serif;
    font-size: 3rem;
    line-height: 1.1;
    color: white;
  }
  h2 {
    font-family: "uni", sans-serif;
    font-size: 2.5rem;
    color: white;
  }
  h3 {
    font-family: "uni", sans-serif;
    font-size: 1.4rem;
    margin: 0;
    color: white;
  }
  p {
    color: white;
    font-style: normal;
    font-weight: 450;
    font-size: 1rem;
    line-height: 1.4;
    vertical-align: top;
  }
  label {
    color: #8D99AE;
    font-style: normal;
    font-weight: 450;
    font-size: 1rem;
    line-height: 1.4;
    vertical-align: top;
  }
  a {
    font-family: "uni", sans-serif;
  }
  .btn-form {
    font-family: "uni", sans-serif;
  }
  @media(min-width: 991px) {
    .jumbotron h1 {
      width: 50%;
    }
    .jumbotron p {
      width: 50%;
    }
  }
  .banner-servico {
    background-color: #02242e;
  }
  .banner-servico img {
    width: 100%;
  }
  .row {
    margin: 0 !important;
  }
  .card-item img {
    width: 4rem;
  }
  .cor-paragrafo {
    color: #8D99AE;
  }
  .cor-h2 {
    color: #02242e !important;
  }
  .cor-h3 {
    color: #02242e !important;
  }
  .projetos {
    background-color: #02242e;
  }
  .depoimentos {
    background-color: #02242e;
  }
  .depoimentos img {
    height: 3.125rem;
    width: 100%;
  }
  .card-depoimento {
    background-color: #02242e;
    border: none;
  }
  @media (max-width: 991px) {
    .card-depoimento {
      padding: 0;
    }
  }
  .titulo-projeto {
    color: white;
  }
  .card-body-depoimento {
    border: 2px solid white;
    border-radius: 1.875rem;
    padding-bottom: 2.8rem;
  }
  .card-body-depoimento {
    min-height: 25rem;
    background-color: white;
  }
  .card-body-depoimento:hover {
    background-color: white;
  }
  .card-body-sobre  {
    padding: 0;
  }
  .card-cliente  {
    width: 18.75rem;
    min-height: 12rem;
    background-color: #F6FAFF;
  }
  .card-cliente {
    align-items: flex-end !important;
  }
  .card-depoimento2  {
    width: 18.75rem;
    min-height: 12rem;
  }
  .card-depoimento2 {
    align-items: flex-end !important;
  }
  .items {
    padding: 1.25rem 0;
  }
  .img-sobre img {
    border-radius: 1.875rem;
    
  }
  .img-sobre {
    padding: 0;
  }
  @media(min-width: 991px) {
    .container-sobre {
      display: flex;
    }
  }
  @media(max-width: 991px) {
    .container-sobre img {
      margin-top: 2rem;
    }
  }
  .card-body-softwares {
    padding: 0;
  }
  @media(min-width: 991px) {
    .card-body-softwares {
      display: flex;
    }
  }
  @media(max-width: 991px) {
    .card-body-softwares img {
      margin-top: 2rem;
    }
    .img-softwares {
      padding: 0;
    }
  }
  .card-texto-img {
    width: fit-content;
  }
  .card-texto-img {
    padding: 0 1.25rem;
  }
  .card-softwares {
    display: contents;
  }
  .img-softaware {
    border-radius: 1.875rem;
  }
  .card-softaware {
    background-color: white;
    border-radius: 1.875rem;
  }
  .img-projeto {
    border-radius: 1.875rem;
  }
  @media (max-width: 991px) {
    .card-projeto {
      padding: 0;
    }
  }
.card-projeto {
  background-color: #02242e;
}
.img-cliente {
  width: 12rem;
}

.h3-cor {
  color: #3b759b;
}
.img-footer {
  height: 5rem;
}
.title-depoimento {
  margin: 0;
}
.empresa-depoimento {
  color:#3b759b;
}
.contato {
  background-color: #02242e;
}
.form-control {
  padding: 1.5rem;
}
form {
  padding-left: 0 !important;
}
@media (max-width: 991px) {
  form {
    padding: 0 !important;
  }
}
@media (max-width: 991px) {
  .img-form {
    margin-top: 2rem;
  }
}

  /*********************************************************************/
/* Bootstrap 4 Multiple Item Carousel */
/*********************************************************************/
/* medium - display 2  */
@media (min-width: 768px) {

  .carousel-inner .carousel-item-right.active,
  .carousel-inner .carousel-item-next {
      transform: translateX(50%);
  }

  .carousel-inner .carousel-item-left.active,
  .carousel-inner .carousel-item-prev {
      transform: translateX(-50%);
  }
}

/* large - display 3 */
@media (min-width: 992px) {

  .carousel-inner .carousel-item-right.active,
  .carousel-inner .carousel-item-next {
      transform: translateX(33%);
  }

  .carousel-inner .carousel-item-left.active,
  .carousel-inner .carousel-item-prev {
      transform: translateX(-33%);
  }
}

@media (max-width: 768px) {
  .carousel-inner .carousel-item>div {
      display: none;
  }

  .carousel-inner .carousel-item>div:first-child {
      display: block;
  }
}

.carousel-inner .carousel-item.active,
.carousel-inner .carousel-item-next,
.carousel-inner .carousel-item-prev {
  display: flex;
}

.carousel-inner .carousel-item-right,
.carousel-inner .carousel-item-left {
  transform: translateX(0);
}