.sobre .center .sobre-conteudo h2, .sobre .center .sobre-conteudo .bloco h3, .depoimentos .center section article p, .axes .center article h2, .rodape .center article ul, .planos .center h2, .planos .center2 article .bloco h4, .planos .center2 article .bloco h5, .solucoes .center h2, .conexao .center .grupo-form .select label pre {
  margin: 0;
  padding: 0; }

.topo {
  background-color: #0065FF;
  color: #F6F7FA;
  font-family: "Graphik-Medium";
  height: 90px;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2;
  font-family: "Graphik-Medium";
  box-shadow: 0px 0px 7px rgba(20, 20, 20, 0.5); }
  .topo .center {
    display: grid;
    grid-template-columns: auto 1fr auto;
    grid-row-gap: 0rem;
    grid-column-gap: 1rem;
    align-items: center;
    height: inherit; }
    @media screen and (max-width: 992px) {
      .topo .center {
        grid-template-columns: auto 1fr auto; } }
    .topo .center .bt {
      margin-block-start: 0;
      margin-block-end: 0; }
      @media screen and (max-width: 992px) {
        .topo .center .bt {
          margin-inline-end: 3.3rem; } }

.cabecalho-texto,
.cabecalho-texto-interno {
  margin-block-start: 90px; }
  .cabecalho-texto .center p,
  .cabecalho-texto-interno .center p {
    font-size: 1.625rem; }

@media screen and (max-width: 768px) {
  .cabecalho-texto h2 {
    font-size: 2.5rem; } }

.cabecalho-texto-interno {
  display: none;
  max-height: 383px;
  background-color: #0052CB;
  color: #fff; }
  .cabecalho-texto-interno .center {
    display: flex;
    height: 100%;
    align-items: center;
    justify-content: center;
    max-width: 1170px; }
    @media screen and (max-width: 768px) {
      .cabecalho-texto-interno .center h1 {
        font-size: 3rem !important; } }
    .cabecalho-texto-interno .center h1 {
      color: inherit;
      font-size: 3.029rem; }

.portifolio {
  margin-block-start: 3rem; }
  .portifolio .owl-item.active.center {
    scale: 1.21;
    position: relative;
    z-index: 1;
    transition: all 0.3s linear; }
  .portifolio .owl-carousel .owl-stage-outer {
    padding-block-start: 3.5rem;
    padding-block-end: 3.5rem;
    margin: 0 auto; }

.empresas-logos {
  margin-block-start: 120px;
  margin-block-end: 60px; }
  .empresas-logos .center2 {
    display: flex;
    grid-gap: 6rem;
    align-items: center;
    height: 100%; }
    @media screen and (max-width: 768px) {
      .empresas-logos .center2 {
        flex-direction: column;
        grid-gap: 1rem; } }
    .empresas-logos .center2 .titulo {
      font-size: 24px;
      max-width: 220px; }
      @media screen and (max-width: 768px) {
        .empresas-logos .center2 .titulo {
          max-width: none; } }
    .empresas-logos .center2 .slider-empresas-logos {
      overflow: hidden; }

@media screen and (max-width: 768px) {
  .conectividade h2 {
    font-size: 2.5rem; } }

.slider-conectividade .foto {
  width: 100%;
  height: 523px;
  background-size: cover;
  background-position: top center;
  transition: all 0.3s linear;
  border-radius: 20px;
  cursor: pointer;
  user-select: none; }

.slider-conectividade .box {
  width: 15rem;
  transition: all linear 0.6s; }
  @media screen and (max-width: 992px) {
    .slider-conectividade .box {
      width: 100%; } }

.slider-conectividade .box .bloco {
  display: none;
  opacity: 0;
  transition: all linear 0.3s; }
  @media screen and (max-width: 992px) {
    .slider-conectividade .box .bloco {
      display: block;
      opacity: 1; } }

.slider-conectividade .box.ativo .bloco {
  opacity: 1;
  display: block; }

.slider-conectividade .ativo {
  width: 500px;
  transition: all linear 0.6s;
  border-bottom: 0.4rem solid #0065FF; }
  @media screen and (max-width: 992px) {
    .slider-conectividade .ativo {
      width: 100%; } }

.slider-conectividade .owl-stage {
  display: flex; }

.sobre {
  margin-block-start: 50px; }
  @media screen and (max-width: 768px) {
    .sobre h2 {
      font-size: 2.5rem; } }
  .sobre .center {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 6rem;
    align-items: center; }
    @media screen and (max-width: 992px) {
      .sobre .center {
        grid-template-columns: 1fr; } }
    .sobre .center .img-sobre {
      position: relative;
      margin: 0 auto; }
      @media screen and (max-width: 992px) {
        .sobre .center .img-sobre {
          order: 2;
          margin: 0 auto; } }
      .sobre .center .img-sobre::before {
        content: '';
        background-image: url(/ohs/data/interface/icone-sobre.png);
        height: 86px;
        width: 86px;
        position: absolute;
        bottom: 20%;
        right: -5%;
        z-index: 1; }
      .sobre .center .img-sobre img {
        margin: 0 auto;
        border-radius: 20px;
        position: relative; }
    .sobre .center .sobre-conteudo a {
      text-decoration: none;
      color: inherit; }
    .sobre .center .sobre-conteudo .bloco {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      grid-row-gap: 35px;
      grid-column-gap: 58px;
      font-size: 14px;
      letter-spacing: 0;
      margin-block-start: 40px; }
      @media screen and (max-width: 576px) {
        .sobre .center .sobre-conteudo .bloco {
          grid-template-columns: 1fr; } }
      .sobre .center .sobre-conteudo .bloco h3 {
        font-size: 18px; }
    .sobre .center .sobre-conteudo .bt-borda-branco {
      color: #0065FF !important; }

.depoimentos {
  margin-block-start: 50px; }
  .depoimentos .center {
    max-width: 950px; }
    .depoimentos .center section {
      display: grid;
      grid-template-columns: auto 1fr;
      grid-gap: 62px;
      align-items: anchor-center; }
      @media screen and (max-width: 768px) {
        .depoimentos .center section {
          grid-template-columns: 1fr;
          justify-items: anchor-center;
          grid-gap: 1rem; } }
      .depoimentos .center section figure {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 218px;
        height: 218px;
        margin-block-start: 2rem;
        border: 1px solid #0065FF; }
        .depoimentos .center section figure img {
          width: 174px;
          height: 174px;
          border-radius: 100%;
          object-fit: cover;
          padding: 22px;
          background-color: #0065FF; }
      .depoimentos .center section figure, .depoimentos .center section img {
        border-radius: 100%; }
      .depoimentos .center section article {
        position: relative; }
        .depoimentos .center section article::before {
          content: url(/ohs/data/interface/aspa-esq.png);
          position: absolute;
          top: 0;
          left: 0; }
        .depoimentos .center section article::after {
          content: url(/ohs/data/interface/aspa-dir.png);
          position: absolute;
          bottom: 1rem;
          right: 0; }
        .depoimentos .center section article p {
          color: #0065FF; }
        .depoimentos .center section article span {
          font-size: 14px; }
        .depoimentos .center section article p, .depoimentos .center section article span {
          max-width: 636px;
          font-weight: bold; }
        .depoimentos .center section article h3, .depoimentos .center section article p, .depoimentos .center section article span {
          margin-inline-start: 2rem; }
        .depoimentos .center section article h3 {
          letter-spacing: -1px; }

.axes {
  display: block;
  margin-block-start: 100px;
  height: 643px;
  background-image: url(/ohs/data/interface/bg-axes.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center; }
  .axes .center {
    position: relative;
    height: 100%; }
    .axes .center article {
      max-width: 690px;
      position: absolute;
      bottom: 0;
      right: 0;
      border-radius: 10px 10px 0px 0px;
      background: rgba(0, 101, 255, 0.65);
      backdrop-filter: blur(8px);
      color: #fff;
      padding: 50px 58px 50px 65px;
      box-sizing: border-box; }
      .axes .center article::before {
        content: url(/ohs/data/interface/br.png);
        position: absolute;
        top: 48px;
        left: -30px; }
      .axes .center article a {
        color: inherit;
        text-decoration: none; }
      .axes .center article h2 {
        color: inherit;
        letter-spacing: -1px; }
        @media screen and (max-width: 768px) {
          .axes .center article h2 {
            font-size: 36px; } }

.rodape {
  padding-block-start: 80px;
  background-color: #0065FF;
  color: #fff;
  font-size: 14px; }
  .rodape .center {
    display: grid;
    grid-template-columns: 1.5fr 1fr 1fr 1fr;
    grid-gap: 20px;
    justify-items: center; }
    @media screen and (max-width: 768px) {
      .rodape .center {
        grid-template-columns: 1fr;
        text-align: center; } }
    .rodape .center article:first-child {
      margin-block-start: 2rem; }
      .rodape .center article:first-child ul {
        display: flex;
        gap: 10px; }
        .rodape .center article:first-child ul li a {
          display: flex;
          justify-content: center;
          align-items: center;
          width: 38px;
          height: 38px;
          background-color: #fff;
          border-radius: 100%; }
          .rodape .center article:first-child ul li a:hover {
            background-color: rgba(20, 20, 20, 0.6); }
        @media screen and (max-width: 768px) {
          .rodape .center article:first-child ul {
            justify-content: center; } }
    .rodape .center article h3 {
      color: inherit;
      letter-spacing: -1px; }
      .rodape .center article h3 span {
        color: #141414; }
    .rodape .center article strong {
      display: block;
      margin-block-end: 20px; }
    .rodape .center article ul {
      list-style: none;
      line-height: 2rem; }
    .rodape .center article a {
      text-decoration: none;
      color: inherit; }
      .rodape .center article a:hover {
        color: #141414; }
  .rodape .center2 {
    margin-block-start: 80px;
    padding-block-start: 20px;
    padding-block-end: 20px;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    display: flex;
    align-items: center;
    justify-content: space-between;
    grid-gap: 10px;
    font-size: 13px; }
    @media screen and (max-width: 576px) {
      .rodape .center2 {
        flex-direction: column; } }

.conteudo {
  display: grid;
  grid-template-columns: 1fr .7fr;
  grid-gap: 2rem;
  margin-top: 90px; }
  @media screen and (max-width: 768px) {
    .conteudo {
      grid-template-columns: 1fr; } }
  @media screen and (max-width: 768px) {
    .conteudo h2 {
      font-size: 2.5rem; } }
  .conteudo .foto {
    background-size: cover;
    width: 100%;
    height: 100vh;
    background-position: center; }
    @media screen and (max-width: 768px) {
      .conteudo .foto {
        height: 300px;
        order: 2;
        background-position: top; } }
  .conteudo .center {
    float: right;
    width: 82%;
    margin: 0 auto;
    padding-right: 1rem; }
    @media screen and (max-width: 768px) {
      .conteudo .center {
        max-width: none;
        width: 100%;
        padding-left: 1rem;
        padding-right: 1rem; } }
    .conteudo .center ul {
      line-height: 2rem;
      margin-block-end: 1rem; }
      .conteudo .center ul img {
        vertical-align: middle;
        margin-inline-end: .5rem; }

.barra-de-pesquisa {
  display: inline-block;
  position: relative;
  width: 100%;
  margin-top: 2rem; }
  .barra-de-pesquisa input {
    outline: none;
    margin: 0;
    border: none;
    box-sizing: border-box; }
    .barra-de-pesquisa input[type="text"] {
      width: inherit;
      padding: 1rem;
      padding-right: 3rem;
      border-top-left-radius: 10px;
      border-top-right-radius: 10px;
      border-bottom: 1px solid #ccc;
      background-color: #cbe0ff;
      transition: all 0.3s linear; }
      .barra-de-pesquisa input[type="text"]:focus {
        border-bottom: 5px solid #0065FF;
        transition: all 0.3s linear; }
  .barra-de-pesquisa .bt-submit {
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
    color: #fff;
    font-weight: bold;
    background-color: #0065FF;
    border-top-right-radius: 10px;
    background-image: url(/ohs/data/interface/icone-lupa.svg);
    background-position: center;
    background-repeat: no-repeat;
    text-indent: -99999px;
    width: 52px;
    height: 48px;
    box-sizing: border-box; }

.planos {
  background-color: #0065FF;
  color: #fff;
  padding-block-start: 120px;
  padding-block-end: 120px; }
  .planos .center {
    max-width: 700px; }
    .planos .center h2 {
      color: inherit; }
  .planos .center2 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 2rem;
    max-width: 1197px;
    margin-block-start: 10px;
    color: #141414;
    margin-block-start: 50px; }
    @media screen and (max-width: 992px) {
      .planos .center2 {
        grid-template-columns: 1fr 1fr;
        grid-row-gap: 6rem; } }
    @media screen and (max-width: 576px) {
      .planos .center2 {
        grid-template-columns: 1fr; } }
    .planos .center2 article {
      background-color: #fff;
      border-radius: 10px;
      padding-block-end: 35px;
      font-size: 14px; }
      .planos .center2 article figure {
        position: relative;
        top: -40px;
        border-bottom: 1px solid #BBD1F3; }
        .planos .center2 article figure img {
          display: block;
          margin: 0 auto; }
      .planos .center2 article .bloco {
        padding-inline-start: 30px;
        padding-inline-end: 30px;
        box-sizing: border-box; }
        .planos .center2 article .bloco h4 {
          font-size: 17px;
          font-weight: normal; }
        .planos .center2 article .bloco h5 {
          font-size: 15px;
          font-weight: normal;
          font-family: "Graphik-Regular";
          margin-block-start: 12px;
          margin-block-end: 12px; }
        .planos .center2 article .bloco strong {
          margin-block-end: 26px; }
        .planos .center2 article .bloco strong, .planos .center2 article .bloco pre {
          display: block;
          font-weight: bold;
          font-size: 20px;
          color: #0065FF; }
        .planos .center2 article .bloco pre {
          font-weight: bold;
          font-style: normal;
          font-family: "Graphik-Regular";
          font-size: 22px; }
        .planos .center2 article .bloco ul {
          list-style: url(/ohs/data/interface/check.png);
          line-height: 2rem; }
        .planos .center2 article .bloco .bt {
          margin-block-end: 0;
          font-size: 17px; }

.planos-mbps,
.planos-valores {
  display: block;
  font-weight: bold;
  color: #0065FF; }

.planos-mbps {
  font-size: 20px; }

.planos-valores {
  font-style: normal;
  font-family: "Graphik-Regular";
  font-size: 22px; }

.solucoes {
  padding-block-start: 120px;
  padding-block-end: 120px; }
  @media screen and (max-width: 768px) {
    .solucoes h2 {
      font-size: 2.5rem; } }
  .solucoes .center {
    max-width: 950px; }
    .solucoes .center .bt-borda-branco-interno {
      color: #0065FF; }
  .solucoes .center2 {
    margin-block-start: 90px; }
    .solucoes .center2 .lista-card {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      grid-gap: 2rem; }
      @media screen and (max-width: 992px) {
        .solucoes .center2 .lista-card {
          grid-template-columns: repeat(2, 1fr);
          grid-row-gap: 4rem; } }
      @media screen and (max-width: 576px) {
        .solucoes .center2 .lista-card {
          grid-template-columns: 1fr; } }
      .solucoes .center2 .lista-card article {
        background-color: #fff;
        border-radius: 10px;
        box-sizing: border-box; }
        .solucoes .center2 .lista-card article:nth-child(1) .foto::before {
          content: url(/ohs/data/interface/icone-solucoes-01.png); }
        .solucoes .center2 .lista-card article:nth-child(2) .foto::before {
          content: url(/ohs/data/interface/icone-solucoes-02.png); }
        .solucoes .center2 .lista-card article:nth-child(3) .foto::before {
          content: url(/ohs/data/interface/icone-solucoes-03.png); }
        .solucoes .center2 .lista-card article:nth-child(4) .foto::before {
          content: url(/ohs/data/interface/icone-solucoes-04.png); }
        .solucoes .center2 .lista-card article a {
          text-decoration: none;
          color: inherit; }
        .solucoes .center2 .lista-card article .foto {
          background-size: cover;
          background-position: top center;
          width: 100%;
          height: 371px;
          border-top-left-radius: 10px;
          border-top-right-radius: 10px;
          display: flex;
          lex-wrap: nowrap;
          justify-content: flex-start;
          align-items: flex-start; }
          .solucoes .center2 .lista-card article .foto::before {
            content: "";
            background-color: #fff;
            border-radius: 10px;
            padding: 28px 15px;
            box-sizing: border-box;
            position: relative;
            top: -40px;
            left: 30px; }
        .solucoes .center2 .lista-card article h2 {
          color: #091E42;
          font-size: 20px;
          letter-spacing: -1px;
          padding: 20px 30px;
          margin: 0; }

.conexao {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-column-gap: 115px;
  align-items: center;
  background-color: #fff; }
  @media screen and (max-width: 768px) {
    .conexao {
      grid-template-columns: 1fr; } }
  .conexao .foto {
    height: 775px;
    background-size: cover;
    background-position: top center; }
    @media screen and (max-width: 768px) {
      .conexao .foto {
        height: 300px; } }
  .conexao .center {
    max-width: 660px;
    margin: 0;
    padding-right: 1rem; }
    @media screen and (max-width: 768px) {
      .conexao .center {
        max-width: none;
        width: 100%;
        padding-left: 1rem;
        padding-right: 1rem; } }
    .conexao .center .grupo-form .col-esq.pers-19 {
      width: 19%; }
    .conexao .center .grupo-form .col-dir.pers-79 {
      width: 79%; }
    .conexao .center .grupo-form .select {
      display: flex;
      flex-direction: column;
      position: relative;
      width: 100%;
      border-width: 1px;
      border-style: solid;
      border-color: #A8B4C5;
      border-radius: 4px;
      margin-block-end: 30px; }
      .conexao .center .grupo-form .select:focus {
        border: 1px solid #0065FF; }
      .conexao .center .grupo-form .select label {
        width: 100%;
        font-size: 15px; }
        .conexao .center .grupo-form .select label b {
          display: inline-block;
          width: 81px;
          color: #0065FF; }
        .conexao .center .grupo-form .select label span {
          display: inline-block;
          max-width: 100px; }
        .conexao .center .grupo-form .select label pre {
          float: right;
          margin-inline-end: 1rem;
          font-family: "Graphik-Regular";
          font-size: 13px; }
      .conexao .center .grupo-form .select .option {
        padding: 10px 20px;
        position: absolute;
        top: 0;
        width: 100%;
        pointer-events: none;
        order: 2;
        z-index: 1;
        transition: background .4s ease-in-out;
        box-sizing: border-box;
        overflow: hidden;
        white-space: nowrap;
        border-radius: 4px; }
        .conexao .center .grupo-form .select .option:hover {
          background-color: rgba(168, 180, 197, 0.2); }
      .conexao .center .grupo-form .select:focus .option {
        position: relative;
        pointer-events: all; }
      .conexao .center .grupo-form .select input {
        opacity: 0;
        position: absolute;
        left: -99999px; }
        .conexao .center .grupo-form .select input:checked + label {
          order: 1;
          z-index: 2;
          background-color: #fff;
          border-top: none;
          position: relative; }
        .conexao .center .grupo-form .select input:checked + label:after {
          content: url(/ohs/data/interface/icone-seta.png);
          position: absolute;
          right: 13px;
          top: calc(50% - 12.5px);
          pointer-events: none;
          z-index: 3; }
        .conexao .center .grupo-form .select input:checked + label:before {
          position: absolute;
          right: 0;
          top: 0;
          height: 100%;
          width: 40px;
          content: ''; }
    .conexao .center .grupo-form .bt-submit {
      width: 100%; }