@import url("https://fonts.googleapis.com/css2?family=Sora:wght@400;600;700;800&display=swap");
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

*, *::after, *::before {
  box-sizing: border-box; }

.container {
  max-width: 1176px;
  margin: 0 auto;
  position: relative; }
  @media screen and (min-width: 768px) and (max-width: 1175px) {
    .container {
      max-width: 768px; } }
  @media screen and (max-width: 767px) {
    .container {
      max-width: 480px;
      padding-left: 15px;
      padding-right: 15px; } }
  .container::after, .container::before {
    content: '';
    display: table;
    clear: both; }

.grid-1 {
  width: calc(8.3333333333% - 30px); }

.grid-2 {
  width: calc(16.6666666667% - 30px); }

.grid-3 {
  width: calc(25% - 30px); }

.grid-4 {
  width: calc(33.3333333333% - 30px); }

.grid-5 {
  width: calc(41.6666666667% - 30px); }

.grid-6 {
  width: calc(50% - 30px); }

.grid-7 {
  width: calc(58.3333333333% - 30px); }

.grid-8 {
  width: calc(66.6666666667% - 30px); }

.grid-9 {
  width: calc(75% - 30px); }

.grid-10 {
  width: calc(83.3333333333% - 30px); }

.grid-11 {
  width: calc(91.6666666667% - 30px); }

.grid-12 {
  width: calc(100% - 30px); }

[class^="grid-"] {
  margin-left: 15px;
  margin-right: 15px;
  min-height: 1px;
  float: left; }
  @media screen and (max-width: 767px) {
    [class^="grid-"] {
      width: 100%;
      float: none;
      margin-left: 0px;
      margin-right: 0px; } }

.offset-1 {
  margin-left: calc(8.3333333333% + 15); }

.offset-2 {
  margin-left: calc(16.6666666667% + 15); }

.offset-3 {
  margin-left: calc(25% + 15); }

.offset-4 {
  margin-left: calc(33.3333333333% + 15); }

.offset-5 {
  margin-left: calc(41.6666666667% + 15); }

.offset-6 {
  margin-left: calc(50% + 15); }

.offset-7 {
  margin-left: calc(58.3333333333% + 15); }

.offset-8 {
  margin-left: calc(66.6666666667% + 15); }

.offset-9 {
  margin-left: calc(75% + 15); }

.offset-10 {
  margin-left: calc(83.3333333333% + 15); }

.offset-11 {
  margin-left: calc(91.6666666667% + 15); }

.offset-12 {
  margin-left: calc(100% + 15); }

@media screen and (max-width: 767px) {
  [class^='offset-'] {
    margin-left: 0; } }
.row {
  position: relative;
  margin-left: -15px;
  margin-right: -15px; }
  @media screen and (max-width: 767px) {
    .row {
      margin-left: 0;
      margin-right: 0; } }
  .row::after, .row::before {
    content: '';
    display: table;
    clear: both; }

@keyframes AnimaDeBaixo {
  from {
    opacity: 0;
    transform: translateY(30px); }
  to {
    opacity: 1;
    transform: translateY(0); } }
@keyframes desceMenu {
  from {
    height: 0;
    opacity: 0; }
  to {
    height: 70px;
    opacity: 1; } }
@keyframes animaForm {
  from {
    opacity: 0;
    transform: translateX(-30px); }
  to {
    opacity: 1;
    transform: translateX(0); } }
.header-inicio {
  background-image: url("img/banner-inicio.jpg");
  width: 100%;
  height: 580px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover; }
  .header-inicio span {
    display: flex;
    margin-left: 115px;
    font-family: "Sora", sans-serif;
    font-weight: 400;
    color: white;
    font-size: 1.125em;
    line-height: 125%;
    width: 350px; }
  @media screen and (max-width: 767px) {
    .header-inicio {
      height: 400px; } }
  .header-inicio h1 {
    font-size: 2.5em;
    font-family: "Sora", sans-serif;
    color: white;
    margin-top: 130px;
    margin-bottom: 25px;
    margin-left: 115px;
    font-weight: 800;
    line-height: 110%; }
    @media screen and (min-width: 768px) and (max-width: 1175px) {
      .header-inicio h1 {
        text-align: center;
        margin-left: 0;
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-top: 80px; } }
    @media screen and (max-width: 767px) {
      .header-inicio h1 {
        font-size: 1.625em;
        margin-top: 45px;
        margin-left: 0;
        text-align: center;
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-bottom: 30px; } }
    .header-inicio h1::before {
      content: '';
      width: 60px;
      background-color: #DDCDC4;
      height: 5px;
      display: block;
      margin-bottom: 20px; }

.box-cont {
  display: flex;
  justify-content: center;
  margin-top: -200px; }
  @media screen and (min-width: 768px) and (max-width: 1175px) {
    .box-cont {
      flex-direction: column;
      align-items: center;
      margin-top: -260px; } }
  @media screen and (max-width: 767px) {
    .box-cont {
      flex-direction: column;
      align-items: center;
      margin-top: -190px; } }

.card-inicial {
  background-color: white;
  border-radius: 20px;
  box-shadow: 0 32px 80px rgba(0, 0, 0, 0.1);
  display: flex;
  align-items: center;
  flex-direction: column;
  max-width: 460px; }
  @media screen and (min-width: 768px) and (max-width: 1175px) {
    .card-inicial {
      width: 460px;
      margin-bottom: 35px; } }
  @media screen and (max-width: 767px) {
    .card-inicial {
      max-width: 300px;
      margin-bottom: 35px; } }
  .card-inicial img {
    max-width: 250px;
    margin-top: 70px; }
    @media screen and (max-width: 767px) {
      .card-inicial img {
        max-width: 200px; } }
  .card-inicial p {
    font-family: "Sora", sans-serif;
    color: #656565;
    font-weight: 400;
    max-width: 245px;
    text-align: center;
    line-height: 125%;
    display: flex;
    align-items: center;
    flex-direction: column;
    font-size: 1em; }
    @media screen and (max-width: 767px) {
      .card-inicial p {
        font-size: 0.875em;
        max-width: 230px; } }
    .card-inicial p::before {
      content: '';
      background-color: #E6E6E6;
      position: relative;
      top: -52px;
      width: 310px;
      height: 1px; }
      @media screen and (max-width: 767px) {
        .card-inicial p::before {
          width: 250px; } }
  .card-inicial a {
    background-color: #019C96;
    color: white;
    text-decoration: none;
    font-family: "Sora", sans-serif;
    font-size: 1em;
    font-weight: 700;
    padding: 25px 60px 25px 60px;
    margin-top: 25px;
    margin-bottom: 70px;
    transition: 0.3s; }
    @media screen and (max-width: 767px) {
      .card-inicial a {
        font-size: 0.875em;
        padding: 20px; } }
    .card-inicial a:hover {
      background-color: #00857A; }

.icon-inicio {
  margin-top: 35px !important;
  margin-bottom: 30px;
  z-index: 1; }

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

.rodape-inicio {
  display: flex;
  justify-content: space-between; }
  @media screen and (min-width: 768px) and (max-width: 1175px) {
    .rodape-inicio {
      flex-direction: column;
      align-items: center; } }
  @media screen and (max-width: 767px) {
    .rodape-inicio {
      flex-direction: column;
      align-items: center; } }

.info-inicio {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  margin-bottom: 85px; }
  @media screen and (min-width: 768px) and (max-width: 1175px) {
    .info-inicio {
      margin-bottom: 65px; } }
  @media screen and (max-width: 767px) {
    .info-inicio {
      margin-bottom: 40px; } }
  .info-inicio::before {
    content: '';
    background-color: #E6E6E6;
    display: block;
    width: 100%;
    height: 2px;
    margin-bottom: 55px;
    margin-top: 85px; }
    @media screen and (min-width: 768px) and (max-width: 1175px) {
      .info-inicio::before {
        margin-top: 40px; } }
    @media screen and (max-width: 767px) {
      .info-inicio::before {
        margin-top: 20px;
        margin-bottom: 20px; } }
  .info-inicio h2 {
    font-family: "Sora", sans-serif;
    color: #656565;
    font-weight: 400;
    display: flex;
    align-items: center;
    line-height: 135%; }
    @media screen and (max-width: 767px) {
      .info-inicio h2 {
        font-size: 0.875em;
        text-align: center; } }
    .info-inicio h2::before {
      content: '';
      background-image: url("img/local-cinza.svg");
      display: inline-block;
      width: 15.41px;
      height: 21.88px;
      margin-right: 7px; }
      @media screen and (max-width: 767px) {
        .info-inicio h2::before {
          display: none; } }
  @media screen and (min-width: 768px) and (max-width: 1175px) {
    .info-inicio h2:last-child {
      margin-top: 15px; } }
  @media screen and (max-width: 767px) {
    .info-inicio h2:last-child {
      margin-top: 25px; } }
  .info-inicio h2:last-child::before {
    content: '';
    background-image: url("img/wpp-cinza.svg");
    display: inline-block;
    width: 21px;
    height: 21px;
    margin-right: 7px; }

.cabecalho-topo {
  width: 100%;
  background-color: white;
  padding: 35px 0 35px 0; }
  @media screen and (max-width: 767px) {
    .cabecalho-topo {
      padding: 35px 0 30px 0; } }

@media screen and (max-width: 767px) {
  .box-logo {
    display: flex;
    justify-content: center;
    margin-bottom: 30px; } }

.link-blog {
  display: flex;
  justify-content: center; }
  .link-blog a {
    padding-top: 15px;
    font-family: "Sora", sans-serif;
    color: #019C96; }
    @media screen and (max-width: 767px) {
      .link-blog a {
        margin-top: 0;
        margin-bottom: 20px;
        text-align: center; } }
    @media screen and (min-width: 768px) and (max-width: 1175px) {
      .link-blog a {
        text-align: center;
        margin-left: 15px; } }

.header-info {
  display: flex;
  align-items: center;
  font-family: "Sora", sans-serif;
  font-weight: 700;
  font-size: 0.875em;
  justify-content: flex-end; }
  @media screen and (max-width: 767px) {
    .header-info {
      flex-direction: column; } }
  .header-info img:hover {
    transform: translateY(-5px);
    transition: 0.5s; }
  .header-info span {
    color: #019C96;
    font-family: "Sora", sans-serif;
    font-weight: 600;
    font-size: 1em;
    display: flex;
    align-items: center; }
    @media screen and (max-width: 767px) {
      .header-info span {
        margin-bottom: 20px; } }
    @media screen and (min-width: 768px) and (max-width: 1175px) {
      .header-info span {
        font-size: 0.90625em; } }
    .header-info span::before {
      content: '';
      background-image: url("img/wpp-header.png");
      display: inline-block;
      width: 21px;
      height: 21px;
      margin-right: 7px; }

.botao-zap {
  max-width: 230px;
  height: 40px;
  text-decoration: none;
  color: white;
  background-color: #019C96;
  padding: 17px 32px 17px 32px;
  border-radius: 25px;
  margin-left: 35px;
  margin-right: 35px;
  text-align: center;
  display: flex;
  align-items: center;
  transition: 0.5s; }
  @media screen and (max-width: 767px) {
    .botao-zap {
      margin-bottom: 20px;
      font-size: 0.875em; } }
  @media screen and (min-width: 768px) and (max-width: 1175px) {
    .botao-zap {
      font-size: 0.875em;
      margin-right: 10px;
      margin-left: 20px; } }
  .botao-zap:hover {
    background-color: #00857A; }

.box-head {
  display: flex;
  align-items: center; }
  @media screen and (max-width: 767px) {
    .box-head {
      flex-direction: column;
      justify-content: center;
      align-items: center; } }

.banner-cw {
  width: 100%;
  height: 430px;
  background-image: url("img/banner-coworking.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover; }

.box-head-cw {
  display: flex;
  align-items: center;
  flex-direction: column; }
  .box-head-cw h1 {
    font-family: "Sora", sans-serif;
    color: white;
    font-weight: 800;
    font-size: 2.625em;
    text-align: center;
    margin-top: 110px;
    margin-bottom: 30px; }
    @media screen and (min-width: 768px) and (max-width: 1175px) {
      .box-head-cw h1 {
        font-size: 2.25em; } }
    @media screen and (max-width: 767px) {
      .box-head-cw h1 {
        font-size: 1.75em;
        line-height: 130%;
        margin-top: 90px; } }
  .box-head-cw p {
    font-family: "Sora", sans-serif;
    color: white;
    font-weight: 400;
    font-size: 1em;
    text-align: center;
    line-height: 140%; }
    @media screen and (max-width: 767px) {
      .box-head-cw p {
        font-size: 0.875em;
        line-height: 145%; } }

.cont-box-infos {
  display: flex;
  justify-content: space-around;
  flex-grow: 1;
  margin-top: -120px;
  margin-bottom: 90px; }
  @media screen and (min-width: 768px) and (max-width: 1175px) {
    .cont-box-infos {
      margin-bottom: 50px; } }
  @media screen and (max-width: 767px) {
    .cont-box-infos {
      margin-bottom: 40px;
      flex-direction: column; } }

.b1 {
  background-color: #019C96; }

.b2 {
  background-color: #009384; }

.b3 {
  background-color: #00857A; }

.box-infos {
  height: 245px;
  width: 100%;
  max-width: 400px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center; }
  @media screen and (max-width: 767px) {
    .box-infos {
      height: auto;
      padding: 30px 0 30px 0; } }
  .box-infos img {
    margin-bottom: 22px; }
  .box-infos h2 {
    font-family: "Sora", sans-serif;
    font-size: 1.5em;
    color: white;
    font-weight: 700;
    text-align: center;
    margin-bottom: 15px; }
    @media screen and (min-width: 768px) and (max-width: 1175px) {
      .box-infos h2 {
        font-size: 1.25em; } }
    @media screen and (max-width: 767px) {
      .box-infos h2 {
        font-size: 1.125em;
        max-width: 230px;
        line-height: 125%; } }
  .box-infos p {
    font-family: "Sora", sans-serif;
    font-size: 0.875em;
    color: white;
    font-weight: 400;
    text-align: center;
    line-height: 135%;
    max-width: 280px; }
    @media screen and (min-width: 768px) and (max-width: 1175px) {
      .box-infos p {
        max-width: 235px; } }
    @media screen and (max-width: 767px) {
      .box-infos p {
        max-width: 235px;
        font-size: 0.75em; } }

.cont-fotos {
  display: flex;
  flex-direction: column;
  align-items: center; }
  .cont-fotos h2 {
    font-family: "Sora", sans-serif;
    font-size: 2.5em;
    color: #019C96;
    font-weight: 800;
    text-align: center;
    max-width: 800px;
    margin-bottom: 40px;
    line-height: 125%; }
    @media screen and (min-width: 768px) and (max-width: 1175px) {
      .cont-fotos h2 {
        font-size: 2.25em;
        max-width: 700px; } }
    @media screen and (max-width: 767px) {
      .cont-fotos h2 {
        font-size: 1.75em; } }
  .cont-fotos p {
    font-family: "Sora", sans-serif;
    font-size: 1.25em;
    color: #656565;
    font-weight: 400;
    text-align: center;
    line-height: 135%;
    margin-bottom: 70px; }
    @media screen and (min-width: 768px) and (max-width: 1175px) {
      .cont-fotos p {
        font-size: 1em;
        max-width: 450px;
        margin-bottom: 40px; } }
    @media screen and (max-width: 767px) {
      .cont-fotos p {
        font-size: 0.875em;
        margin-bottom: 35px; } }

.imagens-cw {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding-left: 30px;
  padding-right: 30px; }
  @media screen and (min-width: 768px) and (max-width: 1175px) {
    .imagens-cw {
      align-items: center; } }
  .imagens-cw img {
    display: flex;
    width: 100%;
    max-width: 360px;
    margin-bottom: 22px; }
    @media screen and (min-width: 768px) and (max-width: 1175px) {
      .imagens-cw img {
        max-width: 345px; } }

.box-fotos {
  display: flex; }

.cont-depoimentos {
  margin-top: 70px;
  display: flex;
  align-items: center;
  flex-direction: column;
  margin-bottom: 105px; }
  @media screen and (min-width: 768px) and (max-width: 1175px) {
    .cont-depoimentos {
      margin-top: 45px;
      margin-bottom: 60px; } }
  @media screen and (max-width: 767px) {
    .cont-depoimentos {
      margin-top: 20px;
      margin-bottom: 40px; } }
  .cont-depoimentos h3 {
    font-family: "Sora", sans-serif;
    font-size: 2.5em;
    color: #019C96;
    font-weight: 800;
    text-align: center;
    max-width: 800px;
    margin-bottom: 40px; }
    @media screen and (min-width: 768px) and (max-width: 1175px) {
      .cont-depoimentos h3 {
        font-size: 2.25em; } }
    @media screen and (max-width: 767px) {
      .cont-depoimentos h3 {
        font-size: 1.75em; } }

.box-depoimentos {
  display: flex;
  flex-wrap: wrap; }
  @media screen and (min-width: 768px) and (max-width: 1175px) {
    .box-depoimentos {
      justify-content: center; } }
  @media screen and (max-width: 767px) {
    .box-depoimentos {
      justify-content: center; } }

.depoimento {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  background-color: white;
  justify-content: center;
  max-width: 362px;
  box-shadow: 0 20px 50px 0 rgba(0, 0, 0, 0.1);
  padding: 48px 42px 48px 42px;
  border-radius: 20px;
  margin-bottom: 30px; }
  @media screen and (min-width: 768px) and (max-width: 1175px) {
    .depoimento {
      min-width: 300px; } }
  .depoimento:hover {
    transform: translateY(-10px);
    transition: 0.5s; }
  .depoimento p {
    font-family: "Sora", sans-serif;
    font-size: 1em;
    color: #656565;
    font-weight: 400;
    text-align: left;
    max-width: 275px;
    margin-top: 20px;
    margin-bottom: 30px;
    line-height: 145%; }
    @media screen and (min-width: 768px) and (max-width: 1175px) {
      .depoimento p {
        font-size: 0.875em; } }
    @media screen and (max-width: 767px) {
      .depoimento p {
        font-size: 0.875em; } }
  .depoimento span {
    font-family: "Sora", sans-serif;
    font-size: 1.375em;
    color: #019C96;
    font-weight: 700;
    text-align: left; }
    @media screen and (max-width: 767px) {
      .depoimento span {
        font-size: 1.125em; } }

.mapa h3 {
  font-family: "Sora", sans-serif;
  font-size: 2.5em;
  color: #019C96;
  font-weight: 800;
  text-align: center;
  margin-bottom: 45px; }
  @media screen and (min-width: 768px) and (max-width: 1175px) {
    .mapa h3 {
      font-size: 2.25em; } }
  @media screen and (max-width: 767px) {
    .mapa h3 {
      font-size: 1.75em;
      margin-bottom: 30px; } }
.mapa iframe {
  width: 100%;
  height: 512px; }

@media screen and (min-width: 768px) and (max-width: 1175px) {
  .cont-contato {
    display: flex;
    align-items: center;
    justify-content: center; } }
@media screen and (max-width: 767px) {
  .cont-contato {
    display: flex;
    align-items: center;
    justify-content: center; } }

.box-contato {
  width: 100%;
  height: 225px;
  background-color: white;
  border-radius: 20px;
  margin-top: -130px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  box-shadow: 0 35px 50px 0 rgba(0, 0, 0, 0.1);
  margin-bottom: 70px; }
  @media screen and (min-width: 768px) and (max-width: 1175px) {
    .box-contato {
      height: 150px;
      max-width: 750px;
      margin-top: -80px;
      margin-bottom: 50px; } }
  @media screen and (max-width: 767px) {
    .box-contato {
      height: auto;
      max-width: 300px;
      margin-top: -80px;
      margin-bottom: 50px;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      padding: 35px 0 35px 0; } }
  .box-contato h3 {
    font-family: "Sora", sans-serif;
    font-size: 2em;
    color: #019C96;
    font-weight: 800;
    line-height: 145%;
    text-align: left;
    margin-left: 100px; }
    @media screen and (min-width: 768px) and (max-width: 1175px) {
      .box-contato h3 {
        font-size: 1.5em;
        line-height: 125%;
        margin-left: 50px; } }
    @media screen and (max-width: 767px) {
      .box-contato h3 {
        font-size: 1.25em;
        max-width: 200px;
        line-height: 115%;
        margin-left: 0;
        text-align: center; } }
  .box-contato a {
    background-color: #019C96;
    display: flex;
    align-items: center;
    font-family: "Sora", sans-serif;
    font-size: 1em;
    font-weight: 700;
    max-width: 264px;
    height: 54px;
    padding: 18px 44px 18px 44px;
    text-decoration: none;
    color: white;
    background-color: #019C96;
    margin-right: 100px;
    border-radius: 25px; }
    @media screen and (min-width: 768px) and (max-width: 1175px) {
      .box-contato a {
        font-size: 0.875em;
        margin-right: 50px; } }
    @media screen and (max-width: 767px) {
      .box-contato a {
        font-size: 0.875em;
        margin-right: 0;
        margin-top: 20px;
        padding: 15px 35px 15px 35px; } }
    .box-contato a::before {
      content: '';
      display: block;
      width: 20px;
      height: 20px;
      margin-right: 10px;
      background-image: url("img/wpp-botao.svg"); }
    .box-contato a:hover {
      background-color: #00857A; }

.cont-rodape {
  display: flex;
  align-items: center;
  margin-bottom: 70px;
  justify-content: space-between; }
  @media screen and (min-width: 768px) and (max-width: 1175px) {
    .cont-rodape img {
      margin-bottom: 25px; } }
  @media screen and (max-width: 767px) {
    .cont-rodape img {
      margin-bottom: 25px; } }
  @media screen and (min-width: 768px) and (max-width: 1175px) {
    .cont-rodape {
      flex-wrap: wrap;
      flex-direction: column;
      margin-bottom: 50px; } }
  @media screen and (max-width: 767px) {
    .cont-rodape {
      flex-wrap: wrap;
      flex-direction: column;
      margin-bottom: 50px; } }
  .cont-rodape a {
    text-decoration: none; }
  .cont-rodape span {
    display: flex;
    align-items: center;
    font-family: "Sora", sans-serif;
    font-size: 1em;
    font-weight: 400;
    color: #656565;
    margin-left: 35px; }
    @media screen and (min-width: 768px) and (max-width: 1175px) {
      .cont-rodape span {
        margin-top: 25px;
        margin-left: 0; } }
    @media screen and (max-width: 767px) {
      .cont-rodape span {
        margin-top: 25px;
        font-size: 0.875em;
        text-align: center;
        line-height: 135%;
        margin-left: 0; } }

.ft-end::before {
  content: '';
  display: block;
  width: 15.41px;
  height: 21.88px;
  margin-right: 10px;
  background-image: url("img/ft-local.svg"); }
  @media screen and (max-width: 767px) {
    .ft-end::before {
      display: none; } }

.ft-phone::before {
  content: '';
  display: block;
  width: 21px;
  height: 21px;
  margin-right: 10px;
  background-image: url("img/ft-phone.svg"); }

.ft-insta::before {
  content: '';
  display: block;
  width: 21px;
  height: 21px;
  margin-right: 10px;
  background-image: url("img/ft-insta.svg"); }

.banner-cl {
  width: 100%;
  height: 553px;
  background-image: url("img/banner-clinica.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover; }
  @media screen and (max-width: 767px) {
    .banner-cl {
      height: 350px; } }

.cont-banner-cl {
  display: flex;
  flex-direction: column; }
  .cont-banner-cl h1 {
    font-family: "Sora", sans-serif;
    font-weight: 700;
    font-size: 2.625em;
    text-align: left;
    line-height: 140%;
    max-width: 516px;
    margin-bottom: 55px;
    margin-top: 120px;
    color: #019C96; }
    @media screen and (min-width: 768px) and (max-width: 1175px) {
      .cont-banner-cl h1 {
        margin-left: 50px;
        font-size: 2.25em;
        max-width: 300px;
        margin-bottom: 30px;
        margin-top: 90px; } }
    @media screen and (max-width: 767px) {
      .cont-banner-cl h1 {
        margin-left: 15px;
        font-size: 1.375em;
        max-width: 150px;
        margin-bottom: 20px;
        margin-top: 60px; } }
  .cont-banner-cl a {
    display: flex;
    background-color: #019C96;
    text-decoration: none;
    color: white;
    font-family: "Sora", sans-serif;
    font-weight: 700;
    font-size: 1em;
    max-width: 325px;
    height: 60px;
    text-align: center;
    padding: 23px 71px 23px 71px; }
    @media screen and (min-width: 768px) and (max-width: 1175px) {
      .cont-banner-cl a {
        margin-left: 50px; } }
    @media screen and (max-width: 767px) {
      .cont-banner-cl a {
        margin-left: 15px;
        font-size: 0.875em;
        padding: 15px 15px 15px 15px;
        text-align: center;
        height: auto;
        max-width: 150px;
        line-height: 125%; } }
    .cont-banner-cl a:hover {
      background-color: #00857A;
      transition: 0.5s; }

.cont-about-cl {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 85px; }
  @media screen and (min-width: 768px) and (max-width: 1175px) {
    .cont-about-cl {
      margin-bottom: 60px; } }
  @media screen and (max-width: 767px) {
    .cont-about-cl {
      margin-bottom: 40px; } }
  .cont-about-cl img {
    margin-top: -75px; }
    @media screen and (max-width: 767px) {
      .cont-about-cl img {
        max-width: 120px;
        margin-top: -35px; } }
  .cont-about-cl h2 {
    font-family: "Sora", sans-serif;
    font-weight: 800;
    color: #019C96;
    font-size: 2.5em;
    text-align: center;
    margin-bottom: 30px; }
    @media screen and (min-width: 768px) and (max-width: 1175px) {
      .cont-about-cl h2 {
        font-size: 2.25em; } }
    @media screen and (max-width: 767px) {
      .cont-about-cl h2 {
        font-size: 1.625em;
        margin-bottom: 20px; } }
  .cont-about-cl p {
    font-family: "Sora", sans-serif;
    font-weight: 400;
    color: #656565;
    font-size: 1.25em;
    text-align: center;
    line-height: 155%;
    max-width: 800px; }
    @media screen and (min-width: 768px) and (max-width: 1175px) {
      .cont-about-cl p {
        font-size: 1em;
        max-width: 600px; } }
    @media screen and (max-width: 767px) {
      .cont-about-cl p {
        font-size: 0.875em; } }
  .cont-about-cl span {
    font-weight: 600 !important; }

.sect-tratamentos {
  background-color: #019C96;
  width: 100%;
  padding-bottom: 200px;
  padding-top: 200px; }
  @media screen and (max-width: 767px) {
    .sect-tratamentos {
      padding-top: 35px;
      padding-bottom: 35px; } }

.cont-tratamentos {
  margin-top: 70px;
  display: flex;
  flex-direction: column;
  align-items: center; }
  .cont-tratamentos h3 {
    font-family: "Sora", sans-serif;
    font-weight: 800;
    color: white;
    font-size: 2.5em;
    text-align: center;
    margin-bottom: 30px; }
    @media screen and (max-width: 767px) {
      .cont-tratamentos h3 {
        font-size: 1.625em;
        margin-bottom: 20px; } }
  .cont-tratamentos p {
    font-family: "Sora", sans-serif;
    font-weight: 400;
    color: white;
    font-size: 1.25em;
    text-align: center;
    line-height: 145%;
    max-width: 930px; }
    @media screen and (min-width: 768px) and (max-width: 1175px) {
      .cont-tratamentos p {
        font-size: 1em;
        max-width: 600px; } }
    @media screen and (max-width: 767px) {
      .cont-tratamentos p {
        font-size: 0.875em;
        max-width: 280px; } }

.cont-boxes {
  margin-bottom: 70px;
  margin-top: 60px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  max-width: 800px; }
  @media screen and (min-width: 768px) and (max-width: 1175px) {
    .cont-boxes {
      justify-content: center; } }
  @media screen and (max-width: 767px) {
    .cont-boxes {
      margin-top: 35px;
      align-items: center;
      justify-content: center;
      margin-bottom: 60px; } }

.boxes {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  width: 200px;
  height: 215px;
  background-color: #019C96;
  border: 2px solid white;
  margin: 15px; }
  @media screen and (max-width: 767px) {
    .boxes {
      height: 180px; } }
  .boxes:hover {
    transform: scale(1.1, 1.1);
    transition: 0.5s; }
  .boxes img {
    margin-bottom: 15px; }
  .boxes p {
    padding: 0 15px 0 15px;
    font-size: 0.875em !important;
    line-height: 135% !important;
    font-weight: 700; }
    .boxes p span {
      font-size: 0.75em !important;
      font-weight: 400;
      line-height: 80% !important; }
    @media screen and (max-width: 767px) {
      .boxes p {
        font-size: 0.875em !important; } }

.cont-imagens-cl1 {
  margin-bottom: -180px;
  margin-top: 40px;
  display: flex;
  align-items: center;
  justify-content: space-between; }
  @media screen and (max-width: 767px) {
    .cont-imagens-cl1 {
      margin-bottom: -50px; } }
  .cont-imagens-cl1 img {
    border-radius: 40px; }
    @media screen and (min-width: 768px) and (max-width: 1175px) {
      .cont-imagens-cl1 img {
        max-width: 240px; } }
    @media screen and (max-width: 767px) {
      .cont-imagens-cl1 img {
        max-width: 90px;
        width: 100%;
        border-radius: 20px; } }

.cont-imagens-cl2 {
  margin-top: -200px;
  margin-bottom: 40px;
  display: flex;
  align-items: center;
  justify-content: space-between; }
  @media screen and (max-width: 767px) {
    .cont-imagens-cl2 {
      margin-top: -45px; } }
  .cont-imagens-cl2 img {
    border-radius: 40px; }
    @media screen and (min-width: 768px) and (max-width: 1175px) {
      .cont-imagens-cl2 img {
        max-width: 240px; } }
    @media screen and (max-width: 767px) {
      .cont-imagens-cl2 img {
        max-width: 90px;
        width: 100%;
        border-radius: 20px; } }

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