@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap);
@import url(https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css);
@import url(css/all.min.css);
@import url(rootstyle.css);

.overlay,
.overlay-1 {
  top: 0;
  left: 0;
  width: 100%;
  z-index: 2
}

.grayscale {
    filter: grayscale(1) !important;
}

#clientes,
#distribuidores,
#integradores {
  background: center/cover fixed #010e20
}

#certificacoes,
#parceiros,
#perguntas-frequentes {
  background: center/cover fixed #021128
}

#areas-atuacao,
#container-tecnologias-disponiveis,
#contate-nos,
#scroll-banner,
#solucoes,
#text-banner {
  background-attachment: fixed;
  background-position: center;
  background-size: cover
}

*,
body,
html,
video {
  position: relative;
  border: 0;
  margin: 0;
  padding: 0;
  list-style: none;
  object-fit: cover;
  font-family: Roboto, Sans-serif;
  text-decoration: none !important;
  box-sizing: content-box;
  z-index: 0;
  color: #fff
}

details[open]>summary:first-of-type {
  list-style-type: disclosure-open
}

details>summary:first-of-type {
  list-style-type: disclosure-closed
}

.navbar-nav li a {
  color: #46556d;
  font-weight: 500
}

.navbar-nav li a.selected {
  color: #0a15ad
}

.navbar-nav li a:hover {
  transition: 2ms ease-in;
  color: #00173b
}

div#navbarNavDropdown {
  text-align: end;
  justify-content: right
}

.video-background {
  position: relative;
  overflow: hidden;
  height: 109.8vh
}

#text-banner,
#textbanner,
.overlay,
.overlay-1 {
  height: 100%
}

.video-background video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: 1;
  transform: translate(-50%, -50%)
}

.overlay {
  position: absolute;
  background-color: #021229cb
}

.overlay-1 {
  position: absolute;
  background-color: #000205a1
}

.px-10 {
  padding: 0 10vw
}

#text-banner {
  background-image: url("../assets/fundo-de-3-secoes.png")
}

#banner-button:hover {
  border: 2px solid #0abd13 !important
}

.container {
  z-index: 3
}

p {
  text-align: justify !important;
  line-break: auto
}

.itens-blue-colors {
  color: #5081ff
}

#areas-atuacao {
  background-image: url("../assets/fundo-de-3-secoes-rotated.png")
}

.bg-figure-cards {
  height: 13em;
  background: #04275AAD
}

#solucoes {
  background-image: url("../assets/solucoes-e-tecnologias-disponiveis.jpg")
}

.solucoes-figures img {
  width: 75%;
  margin: 0 auto
}

#container-tecnologias-disponiveis {
  background-image: url("../assets/solucoes-e-tecnologias-disponiveis-rotated.jpg");
  padding: 6vh 0 9vh
}

#scroll-banner {
  background-image: url("../assets/businessman-3213659.jpg");
  height: 100vh
}

.talk-to-me {
  width: 15rem;
  height: 3rem;
  font-size: 1.1rem !important
}

.clients-cards {
  width: 100%;
  filter: grayscale(1);
  transition: 3ms ease-in-out
}

.clients-cards:hover {
  filter: grayscale(0);
  transition: 3ms ease-in
}

#integradores {
  padding: 5vh 0
}

.integradores-cards {
  width: 100%;
  height: auto;
  display: flex;
  justify-content: center;
  align-self: center;
  padding: .2rem
}

.integradores-cards img:hover {
  transform: scale(1.2);
  transition: 3ms ease-in-out
}

#distribuidores {
  padding: 9vh 0
}

#cardgrid div:hover {
  transform: scale(1.2)
}

#certificacoes {
  padding: 6vh 0
}

.cardItem {
  background: #0d6bfd3d
}

.cardItem>figure {
  background-color: #010e20 !important
}

#perguntas-frequentes {
  padding: 5vh 0
}

.padding-img {
  max-width: 92%;
  height: auto
}

.my-articlesformat {
  color: #35c5ff !important
}

#parceiros {
  padding: 10vh 0
}

#contate-nos {
  background-image: url("../assets/contato.jpg");
  padding: 5vh 0
}

#footer {
  background: center/cover fixed #f3f4f5;
  padding: 5vh 0
}

.text-none {
  color: transparent
}

.social-facebook,
.social-instagram,
.social-linkedin {
  color: #010e20;
  font-size: 2.2rem;
  cursor: pointer
}

.social-facebook:hover {
  color: #0866ff
}

.social-instagram:hover {
  color: #bf3c74
}

.social-linkedin:hover {
  color: #0a66c2
}

.fixed.span {
  width: 4em;
  height: 4em;
  bottom: 6.8em;
  display: flex;
  flex-flow: row nowrap;
  justify-items: center;
  align-items: center;
  border-radius: 50%;
  cursor: pointer;
  z-index: 1;
  right: 1em;
  transition: 3ms ease-in-out;
  background-color: #09bb26;
  position: fixed
}

.fixed.span a {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center
}

.fixed.span a i {
  position: relative;
  color: #fff
}