body {
  font-family: "Montserrat";
  overflow-x: hidden;
}

.navbar {
  background-color: white;
}

.nav-link {
  color: #1C2A4B;
  text-decoration: none;
  transition: ease-in-out 0.5s;
}
.nav-link:hover {
  opacity: 0.6;
  text-decoration: underline;
}

.formPesquisa {
  border: 1px solid lightgray;
  border-radius: 25px;
}
.formPesquisa input[type=search] {
  border: none;
  background: transparent;
  margin: 0;
  padding: 7px 8px;
  font-size: 14px;
  color: inherit;
  border: 1px solid transparent;
  border-radius: inherit;
}
.formPesquisa input[type=search]::placeholder {
  color: #bbb;
}
.formPesquisa input[type=search]:focus {
  outline: none;
}
.formPesquisa button[type=submit] {
  text-indent: -999px;
  overflow: hidden;
  width: 40px;
  padding: 0;
  margin: 0;
  border: 1px solid transparent;
  border-radius: inherit;
  background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' class='bi bi-search' viewBox='0 0 16 16'%3E%3Cpath d='M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z'%3E%3C/path%3E%3C/svg%3E") no-repeat center;
  cursor: pointer;
  opacity: 0.7;
}
.formPesquisa button[type=submit]:hover {
  background-color: lightgray;
  opacity: 0.6;
}
.formPesquisa input[type=submit]:focus {
  outline: none;
}

.cardPortfolio {
  transition: ease-in-out 0.2s;
  color: white;
  padding: 1%;
  background-color: #1A324E;
  text-align: center;
  border-radius: 10px;
}
.cardPortfolio .card-img-top {
  border-radius: 10px;
  height: 164px !important;
}
.cardPortfolio:hover {
  transform: translate(-5px, -5px);
  box-shadow: 5px 5px white;
  opacity: 0.8;
}

.owl-carousel .owl-stage-outer {
  padding: 10px 0px;
}

.control-carousel2 {
  position: absolute;
  z-index: 99;
  top: 40%;
  border-radius: 50%;
  background-color: white;
}

.owl-prev2 {
  left: -3%;
}
@media screen and (max-width: 600px) {
  .owl-prev2 {
    left: -8%;
  }
}

.owl-next2 {
  right: -3%;
}
@media screen and (max-width: 600px) {
  .owl-next2 {
    right: -8%;
  }
}

.btn {
  border: none;
  transition: ease-in-out 0.2s;
}
.btn:hover {
  opacity: 0.6;
}

.linkFooter {
  color: #1C2A4B;
  text-decoration: none;
  transition: ease-in-out 0.5s;
}
.linkFooter i {
  font-size: 2rem;
}
.linkFooter:hover {
  opacity: 0.6;
}

.msgBreve {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  color: white;
  min-height: 150px;
  text-align: center;
}

@media screen and (max-width: 600px) {
  .msgBreve {
    min-height: 70px;
  }
  .formPesquisa input[type=search] {
    width: 90%;
  }
}
.bgHome2, .bgHome1 {
  position: absolute;
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
}

.bgHome1 {
  z-index: -5;
  height: 70%;
  top: 0%;
  left: 0%;
  background-image: url("/public/resources/background-2.webp");
  background-position: center 30%;
  -webkit-mask: linear-gradient(to bottom, #01447B 0% 65%, transparent 100%);
  -webkit-mask-size: 110% 110%;
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-composite: source-in;
}

.bgHome2 {
  z-index: -3;
  height: 75%;
  bottom: 0%;
  left: 0%;
  opacity: 1;
  background-image: url("/public/resources/background-1.webp");
  background-position: center bottom;
  background-color: #01447B;
  -webkit-mask: linear-gradient(to bottom, transparent 0% 15%, #01447B 40%);
  -webkit-mask-size: 110% 110%;
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-composite: source-in;
}

.texture {
  top: 0%;
  left: 0%;
  height: 100%;
  width: 100%;
  position: absolute;
  z-index: 0;
  opacity: 0.2;
  background-image: url("/public/resources/texture.webp");
  background-position: center;
  background-size: cover;
  background-repeat: repeat;
}

.textoDestaqueHome {
  display: flex;
  align-items: center;
  color: white;
}

.textoSessao2, .textoSessao {
  font-family: "Poppins";
  color: white;
}

.textoSessao {
  text-align: right;
}

.textoSessao2 {
  text-align: left;
}

.whiteBg {
  position: absolute;
  bottom: 0%;
  z-index: 0;
  width: 90%;
  height: 80%;
  border-radius: 25px;
  background-color: white;
}
.whiteBg img {
  position: absolute;
  bottom: 0%;
  height: 405px;
  z-index: 1;
}

.sobreNosHome {
  position: relative;
  height: 440px;
}

.btnHome, .btnHome2 {
  background: linear-gradient(97.86deg, #5497EA -38.38%, #034FC9 71.88%), linear-gradient(0deg, #FFFFFF, #FFFFFF);
  color: white;
  border: solid white 1px;
  border-radius: 10px;
  width: 90%;
}

.btnPortfolio {
  background: #1C2A4B;
  color: white;
  border: solid white 1px;
  border-radius: 10px;
  width: auto;
}
.btnPortfolio:hover {
  opacity: 1;
  color: white;
  background: linear-gradient(97.86deg, #5497EA -38.38%, #034FC9 71.88%), linear-gradient(0deg, #FFFFFF, #FFFFFF);
}

.highlight {
  opacity: 1;
  color: white;
  background: linear-gradient(97.86deg, #5497EA -38.38%, #034FC9 71.88%), linear-gradient(0deg, #FFFFFF, #FFFFFF);
}

.itemCards {
  transition: ease-in-out 0.2s;
}
.itemCards:hover {
  transform: translate(-5px, -5px);
  box-shadow: 5px 5px #020C25;
  opacity: 0.8;
}

#stageServices {
  padding-top: 5%;
}

.control-carousel {
  position: absolute;
  z-index: 99;
  top: 50%;
  border-radius: 50%;
  background-color: white;
}

.owl-prev {
  left: -5%;
}

.owl-next {
  right: -5%;
}

.cardHome {
  background-color: #020C25;
  border: solid #034FC9 2px;
  min-height: 450px;
  border-radius: 25px;
  position: relative;
}

.iconCardHome {
  position: absolute;
  top: -10%;
  left: 40%;
  border-radius: 50%;
  background-color: #034FC9;
  padding: 15px;
}

.textCardHome {
  font-weight: lighter;
  min-height: 240px;
}

@media screen and (max-width: 1440px) {
  .textCardHome {
    min-height: 290px;
  }
  .btnHome2 {
    min-height: 90px;
  }
  .bgHome1 {
    background-position: center 60%;
  }
}
@media screen and (max-width: 1360px) {
  .whiteBg img {
    height: 360px;
  }
  .sobreNosHome {
    height: 385px;
  }
}
@media screen and (max-width: 600px) {
  .btnHome, .btnHome2 {
    width: 100%;
  }
  #stageServices {
    padding-top: 20%;
  }
  .control-carousel {
    top: 45%;
  }
  .owl-prev {
    left: -12%;
  }
  .owl-next {
    right: -12%;
  }
  .sobreNosHome {
    height: 400px;
  }
  .whiteBg {
    width: 85%;
    height: 75%;
  }
  .whiteBg img {
    height: 350px;
  }
}
.topoDestaque {
  font-size: 3rem;
}
@media screen and (max-width: 600px) {
  .topoDestaque {
    font-size: 2rem;
  }
}

.topoSolutions {
  min-height: 550px;
  position: relative;
  color: white;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 600px) {
  .topoSolutions {
    min-height: 300px;
  }
}

.topoCanvasSolutions {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0%;
  z-index: -3;
  background-color: #1b446c;
}

.topoBgSolutions {
  position: absolute;
  width: 100%;
  height: 115%;
  top: 0%;
  z-index: -1;
  background-image: url("/public/resources/topoSolutions.png");
  background-color: linear-gradient(225.73deg, #FFF5F5 5.97%, rgb(217, 217, 217) 10.95%);
  background-position: top 0%;
  background-size: 100% 150%;
  background-repeat: no-repeat;
}

.topoTextureSolutions {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0%;
  z-index: -2;
  background-image: url("/public/resources/texture.webp");
  -webkit-mask-image: linear-gradient(to bottom left, transparent 10%, rgba(0, 0, 0, 0.3) 50%);
  background-position: top 0%;
  background-size: 100% 150%;
  background-repeat: no-repeat;
}

.btnSolutions {
  background: transparent;
  color: white;
  border: solid #5497EA 1px;
  border-radius: 10px;
  width: 30%;
}
.btnSolutions:hover {
  opacity: 1;
  color: white;
  background: linear-gradient(97.86deg, #5497EA -38.38%, #034FC9 71.88%), linear-gradient(0deg, #FFFFFF, #FFFFFF);
}
@media screen and (max-width: 600px) {
  .btnSolutions {
    background: rgba(0, 0, 0, 0.5);
    width: 45%;
  }
}

.btnServices {
  background: linear-gradient(97.86deg, #5497EA -38.38%, #034FC9 71.88%), linear-gradient(0deg, #FFFFFF, #FFFFFF);
  color: white;
  border: solid #5497EA 1px;
  border-radius: 10px;
  width: auto;
  transition: ease-in-out 0.5s;
}
.btnServices:hover {
  opacity: 1;
  color: white;
  background: #001C3C;
}

#service1 {
  position: relative;
  border-top: none;
  background: linear-gradient(to top, #001C3C, transparent);
}
@media screen and (max-width: 600px) {
  #service1 {
    border-top: solid 1px #67A1FF;
    background: #001C3C;
  }
}

.service {
  border-top: solid 1px #67A1FF;
  border-bottom: solid 1px #67A1FF;
  background-color: #001C3C;
  color: white;
}

.firstService {
  position: absolute;
  width: 100%;
  height: 110%;
  top: -10%;
  z-index: -1;
  background-image: url("/public/resources/bgSolucoes1.png");
  background-position: center;
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
@media screen and (max-width: 600px) {
  .firstService {
    display: none;
  }
}

.serviceImg {
  border: solid 1px #67A1FF;
  border-radius: 25px;
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 600px) {
  .serviceImg {
    height: 280px;
  }
}

.serviceText {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}

.btnExpand {
  border-radius: 100%;
  font-size: 2rem;
  padding: 0% 1.5%;
  background-color: white;
}
@media screen and (max-width: 600px) {
  .btnExpand {
    font-size: 1.5rem;
    padding: 0% 4%;
  }
}

.carousel-control-next-icon, .carousel-control-prev-icon {
  border-radius: 50%;
  background-color: rgba(211, 211, 211, 0.6);
}

.slideBlog {
  border-radius: 25px;
  background: linear-gradient(to right, transparent 20%, #034FC9 50%);
}
.slideBlog .slideImg {
  border-radius: 25px 0px 0px 25px;
  width: 100%;
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-mask: linear-gradient(to right, white 0% 85%, transparent 100%);
  -webkit-mask-size: 100% 100%;
  -webkit-mask-position: left;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-composite: source-in;
}
.slideBlog .slideContent {
  padding-right: 20%;
  color: white;
}
.slideBlog .slideTitle {
  text-overflow: ellipsis;
  overflow: hidden;
}
.slideBlog .slideDate {
  font-weight: lighter;
}
.slideBlog .slideText {
  white-space: pre-wrap;
  height: 16.5rem;
  display: -webkit-box;
  -webkit-line-clamp: 11;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
}

.filterDiv {
  display: flex;
  flex-direction: row;
  width: 100%;
  justify-content: space-between;
}
.filterDiv select {
  font-family: "FontAwesome", "Montserrat";
}

.cardBlog {
  border-radius: 25px;
  transition: ease-in-out 0.5s;
}
.cardBlog img {
  width: 100%;
  border-radius: 25px;
  height: 250px;
}
.cardBlog .titleBlog {
  font-weight: bold;
  color: #020C25;
  height: 3rem;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
}
.cardBlog .textBlog {
  height: 6rem;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
}
.cardBlog:hover {
  opacity: 0.8;
}

.page-item {
  padding: 0.1rem;
}
.page-item .page-link {
  border: none;
  border-radius: 10px;
}

.page-item.selected .page-link {
  background-color: #034FC9;
  color: white;
}

@media screen and (max-width: 600px) {
  .slideBlog {
    background: linear-gradient(to bottom, transparent 0%, #034FC9 40%);
  }
  .slideBlog .slideImg {
    min-height: 200px;
    border-radius: 25px 25px 0px 0px;
    -webkit-mask: linear-gradient(to bottom, white 0% 95%, transparent 100%);
  }
  .slideBlog .slideContent {
    padding-left: 15%;
    padding-right: 15%;
  }
  .slideBlog .slideText {
    height: 4.5rem;
    -webkit-line-clamp: 3;
  }
  .filterDiv {
    display: block;
  }
  .cardBlog img {
    height: 150px;
  }
  .cardBlog .titleBlog {
    text-align: center;
  }
  .cardBlog .textBlog {
    display: none;
  }
}
.articleContent {
  width: 60%;
  margin-left: 20%;
}
.articleContent .imgArticle {
  border-radius: 25px;
  width: 100%;
  height: 400px;
}
.articleContent .articleTitle span {
  font-weight: lighter;
}
.articleContent .articleText {
  white-space: pre-wrap;
  text-align: justify;
}

.btnVoltar {
  color: #020C25;
  font-weight: bold;
  transition: ease-in-out 0.3s;
}
.btnVoltar:hover {
  text-decoration: underline;
}

.divBusca {
  min-height: 74vh;
  display: flex;
  flex-direction: column;
}

.cardBusca {
  display: flex;
  flex-direction: row;
  padding: 5px;
  border: 1px solid #020C25;
  transition: ease-in-out 0.2s;
}
.cardBusca .imgCard {
  width: 40%;
  justify-content: center;
}
.cardBusca .imgCard img {
  height: 169px;
  width: 233px;
}
.cardBusca .cardInfo {
  width: 60%;
  color: #020C25;
}
.cardBusca .cardInfo .title {
  font-weight: bold;
}
.cardBusca .cardInfo .data {
  color: lightgray;
}
.cardBusca .cardInfo .texto {
  white-space: pre-wrap;
  height: 4.5rem;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
}
.cardBusca:hover {
  transform: translate(-5px, -5px);
  box-shadow: 5px 5px #020C25;
  opacity: 0.8;
}

@media screen and (max-width: 600px) {
  .articleContent {
    width: 90%;
    margin-left: 5%;
  }
  .articleContent .imgArticle {
    height: 250px;
  }
  .articleContent .articleTitle span {
    display: block;
  }
  .divBusca {
    min-height: 81vh;
  }
  .cardBusca {
    flex-direction: column;
  }
  .cardBusca .imgCard {
    width: 100%;
  }
  .cardBusca .imgCard img {
    height: 180px;
    width: 100%;
    margin-bottom: 10px;
  }
  .cardBusca .cardInfo {
    width: 100%;
  }
}
.sobreNos {
  position: relative;
  padding-top: 350px;
  padding-bottom: 200px;
  color: white;
}
@media screen and (max-width: 600px) {
  .sobreNos {
    padding-top: 100px;
    padding-bottom: 50px;
  }
}

.sobreNos2 {
  position: relative;
}

.backgroundSobre2 {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: -3;
  background-color: #020C25;
}

.bgSobre {
  position: absolute;
  top: -30%;
  left: 0%;
  height: 100%;
  width: 100%;
  background-image: url("/public/resources/bgSobre.png");
  background-repeat: no-repeat;
  background-size: 100%;
  z-index: -2;
}
@media screen and (max-width: 1440px) {
  .bgSobre {
    top: -20%;
  }
}
@media screen and (max-width: 600px) {
  .bgSobre {
    top: 0%;
  }
}

.bgSobre2 {
  position: absolute;
  top: -8%;
  left: 0%;
  height: 110%;
  width: 100%;
  background-image: url("/public/resources/bgSobre2.png");
  background-repeat: no-repeat;
  background-size: 100%;
  z-index: -1;
}
@media screen and (max-width: 600px) {
  .bgSobre2 {
    top: -3%;
    height: 105%;
  }
}

.transitionBg {
  position: absolute;
  top: 0%;
  left: 0%;
  height: 100%;
  width: 100%;
  background: linear-gradient(to bottom, transparent 20%, #000F21 70%, #001E41 100%);
  z-index: -1;
}
@media screen and (max-width: 600px) {
  .transitionBg {
    background: linear-gradient(to bottom, transparent 0%, #000F21 25%, #001E41 100%);
  }
}

.textLocation {
  padding: 5%;
  border-radius: 25px;
  min-height: 100px;
  display: flex;
  align-items: center;
  background-color: #020C25;
}
.textLocation p {
  margin-bottom: 0%;
}

#location1 span {
  color: #4F5B9D;
}
#location1 .textLocation {
  border: solid 1px #4F5B9D;
}

#location2 span {
  color: #BF46F0;
}
#location2 .textLocation {
  border: solid 1px #BF46F0;
}

#location3 span {
  color: #8276F4;
}
#location3 .textLocation {
  border: solid 1px #8276F4;
}

#location4 span {
  color: #FFA756;
}
#location4 .textLocation {
  border: solid 1px #FFA756;
}

#location5 span {
  color: #FF516F;
}
#location5 .textLocation {
  border: solid 1px #FF516F;
}

.lineThrough {
  position: absolute;
  z-index: -1;
  height: 250px;
  width: 0.3rem;
  top: 10%;
  left: 5%;
  background-color: white;
}
@media screen and (max-width: 600px) {
  .lineThrough {
    height: 220px;
    left: 5%;
  }
}

#lastLine {
  height: 220px;
}
@media screen and (max-width: 1360px) {
  #lastLine {
    height: 225px;
  }
}
@media screen and (max-width: 1280px) {
  #lastLine {
    height: 230px;
  }
}
@media screen and (max-width: 600px) {
  #lastLine {
    height: 170px;
  }
}

.card-title2 {
  color: #020C25;
}

.bgContato {
  position: absolute;
  top: -50%;
  left: 0%;
  height: 150%;
  width: 100%;
  background-image: url("/public/resources/background-3.webp");
  background-repeat: no-repeat;
  background-size: 100%;
  z-index: -2;
}
@media screen and (max-width: 1440px) {
  .bgContato {
    top: -30%;
    height: 130%;
  }
}
@media screen and (max-width: 600px) {
  .bgContato {
    top: 0%;
    height: 100%;
  }
}

.maskContato {
  position: absolute;
  top: -50%;
  left: 0%;
  height: 150%;
  width: 100%;
  background: linear-gradient(to bottom, transparent 50%, #020C25 100%);
  z-index: -1;
}
@media screen and (max-width: 1440px) {
  .maskContato {
    top: -30%;
    height: 130%;
  }
}
@media screen and (max-width: 600px) {
  .maskContato {
    top: 0%;
    height: 100%;
    background: linear-gradient(to bottom, transparent 20%, #020C25 32%);
  }
}

.contatoDestaque {
  display: flex;
  align-items: center;
  color: white;
}
@media screen and (max-width: 600px) {
  .contatoDestaque h5 {
    font-size: 1rem;
  }
}

.btnContato2, .btnContato1 {
  background: linear-gradient(97.86deg, #5497EA -38.38%, #034FC9 71.88%), linear-gradient(0deg, #FFFFFF, #FFFFFF);
  color: white;
  border: solid white 1px;
  border-radius: 10px;
  transition: ease-in-out 0.5s;
}
.btnContato2:hover, .btnContato1:hover {
  background: #020C25;
  opacity: 1;
  color: white;
}

.btnContato1 {
  width: auto;
}

.btnContato2 {
  width: 100%;
}

.loginContent {
  display: flex;
  height: 100vh;
  width: 100%;
  align-items: center;
  text-align: center;
  position: relative;
}

.upperWave {
  position: absolute;
  top: 0%;
  width: 100%;
  z-index: -1;
}

.bottomWave {
  position: absolute;
  bottom: 0%;
  width: 100%;
  z-index: -1;
}

.btnLogin {
  background: linear-gradient(97.86deg, #5497EA -38.38%, #034FC9 71.88%), linear-gradient(0deg, #FFFFFF, #FFFFFF);
  color: white;
  border: solid white 1px;
  border-radius: 10px;
  transition: ease-in-out 0.5s;
}
.btnLogin:hover {
  background: #020C25;
  opacity: 1;
  color: white;
}

.adminContent {
  display: flex;
  min-height: 100vh;
  width: 100%;
  align-items: center;
  text-align: center;
  position: relative;
}

.logout {
  position: absolute;
  top: 15%;
  right: 15%;
}

.option, .btnLogout {
  color: white;
  background-color: #020C25;
  border-radius: 25px;
  border: 1px solid #034FC9;
  padding: 5px;
  transition: ease-in-out 0.2s;
}
.option:hover, .btnLogout:hover {
  color: white;
  opacity: 0.6;
}

@media screen and (max-width: 600px) {
  .logout {
    top: 10%;
    right: 10%;
  }
}
.tableContent {
  color: #034FC9;
  background-color: lightgray;
  border-radius: 25px;
  border: 1px solid #034FC9;
}

/*# sourceMappingURL=general.css.map */