body {
  font-family: "Montserrat";
}

body::-webkit-scrollbar {
  width: 7px;
}

body::-webkit-scrollbar-thumb {
  background-color: #415164;
}

.navbar {
  background: #ffffff;
  box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.15);
}

.navbar .nav-item {
  margin-right: 35px;
}

.navbar .nav-item:last-child {
  margin-right: 0px;
}

.navbar .nav-item .nav-link {
  color: #798aa4;
}

.navbar .nav-item.active .nav-link {
  color: #798aa4;
  font-weight: bold;
}

#vitrine {
  margin-top: 155px;
}

#vitrine .carousel-item {
  height: 90vh;
  min-height: 350px;
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

#vitrine .nuvem {
  position: absolute;
  bottom: 0;
  height: 150px;
  background-image: url("../img/nuvem-vitrine.png");
  width: 100%;
  z-index: 9;
}

#sobre {
  margin-top: 150px;
  margin-bottom: 150px;
}

.titulo {
  color: #5ab3b4;
  line-height: 44px;
  font-weight: bold;
  font-size: 40px;
}

#sobre p {
  color: #000000;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.02em;
  margin-top: 25px;
}

.custom-hr {
  background-image: url("../img/hr.png");
  background-repeat: no-repeat;
  height: 12px;
}

.custom-hr.center {
  background-position: center;
}

.icone-blocos {
  height: 40px;
  width: auto;
  background-image: url("../img/icone-sobre.png");
  background-repeat: no-repeat;
}

#especialidades {
  background-image: url("../img/bg-ondulado-gray.png");
  background-size: 100%;
  background-repeat: no-repeat;
  padding: 50px 0px 0px 0px;
}

#especialidades .content {
  background-image: url("../img/bg-content-especialidades.png");
  background-repeat: no-repeat;
  padding: 90px;
  height: 380px;
}

#especialidades .content h2 {
  font-weight: bold;
  font-size: 40px;
  line-height: 44px;
  letter-spacing: 0.02em;
  color: #ffffff;
}

#especialidades .content p {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0, 02em;
  color: #ffffff;
  max-width: 340px;
  margin-top: 32px;
}

#especialidades .cards {
  position: absolute;
  margin-left: 465px;
  top: 15%;
}

#especialidades .cards .card {
  background: #ffffff;
  box-shadow: 0px 100px 80px rgba(0, 0, 0, 0.07),
    0px 41.7776px 33.4221px rgba(0, 0, 0, 0.0503198),
    0px 22.3363px 17.869px rgba(0, 0, 0, 0.0417275),
    0px 12.5216px 10.0172px rgba(0, 0, 0, 0.035),
    0px 6.6501px 5.32008px rgba(0, 0, 0, 0.0282725),
    0px 2.76726px 2.21381px rgba(0, 0, 0, 0.0196802);
  border-radius: 8px;
  border: none;
  padding: 15px;
  min-height: 290px;
}

#especialidades .cards .card img {
  width: 40px;
  margin-bottom: 10px;
}

#especialidades .cards .card h3 {
  color: #5ab3b4;
  font-size: 24px;
  font-weight: 700;
  line-height: 26px;
  letter-spacing: 0, 02em;
}

#especialidades .cards .card p {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0, 02em;
  color: #000000;
}

#especialidades .cards .card a {
  color: #5ab3b4;
  font-size: 14px;
  font-weight: 700;
  line-height: 14px;
  letter-spacing: 0, 02em;
}

#depoimentos {
  background-image: url("../img/bg-depoimentos.png");
  background-repeat: no-repeat;
  background-size: 100%;
  min-height: 560px;
  margin-top: 100px;
  padding-top: 100px;
}

#depoimentos h1 {
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: 44px;
  letter-spacing: 0, 02em;
  text-align: left;
  color: #ffffff;
}

#depoimentos .card {
  background: #ffffff;
  box-shadow: 0px 100px 80px rgba(0, 0, 0, 0.07),
    0px 41.7776px 33.4221px rgba(0, 0, 0, 0.0503198),
    0px 22.3363px 17.869px rgba(0, 0, 0, 0.0417275),
    0px 12.5216px 10.0172px rgba(0, 0, 0, 0.035),
    0px 6.6501px 5.32008px rgba(0, 0, 0, 0.0282725),
    0px 2.76726px 2.21381px rgba(0, 0, 0, 0.0196802);
  border-radius: 8px;
  border: none;
  padding: 30px;
  margin-top: 40px;
  min-height: 190px;
}

#depoimentos .card p {
  font-size: 14px;
  line-height: 24px;
  letter-spacing: 0.02em;
  color: #000000;
  margin-left: 15px;
}

#depoimentos .nuvem {
  bottom: 0;
  height: 170px;
  background-image: url("../img/nuvem-vitrine.png");
  width: 100%;
  z-index: 9;
}

#blog {
  margin-top: 50px;
  margin-bottom: 100px;
}

#blog .card {
  border: none;
  background: #ffffff;
  border: 1px solid #f5f6fa;
  box-sizing: border-box;
  box-shadow: 0px 100px 80px rgba(0, 0, 0, 0.07),
    0px 41.7776px 33.4221px rgba(0, 0, 0, 0.0503198),
    0px 22.3363px 17.869px rgba(0, 0, 0, 0.0417275),
    0px 12.5216px 10.0172px rgba(0, 0, 0, 0.035),
    0px 6.6501px 5.32008px rgba(0, 0, 0, 0.0282725),
    0px 2.76726px 2.21381px rgba(0, 0, 0, 0.0196802);
  border-radius: 8px;
}

#blog .card .card-header {
  padding: 0;
  border: none;
}

#blog .card .card-header img {
  border-radius: 8px;
}

#blog .card .card-body {
  padding: 24px;
}

#blog .card .card-body h3 {
  font-style: normal;
  font-weight: bold;
  font-size: 15px;
  line-height: 110%;
  letter-spacing: 0.02em;
  color: #415164;
}

#blog .card .card-body p {
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 140%;
  letter-spacing: 0.02em;
  color: #556476;
  margin-top: 16px;
}

#blog .card .card-body a {
  font-weight: bold;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0.02em;
  text-decoration-line: underline;
  color: #5ab3b4;
}

#convenios ul {
  list-style: none;
}

#convenios ul li img {
  height: 80px;
}

#contato {
  background: #5ab3b4;
  background-image: url("../img/nuvem-contato.png");
  background-repeat: no-repeat;
  background-size: 100%;
  padding-top: 225px;
  padding-bottom: 120px;
}

#contato h1 {
  font-size: 40px;
  font-weight: 700;
  line-height: 44px;
  letter-spacing: 0, 02em;
  text-align: center;
  color: #ffffff;
}

#contato .form-group label {
  color: #ffffff;
}

#contato .form-group .form-control {
  background: #ffffff;
  border: 1px solid #dfe0e7;
  box-sizing: border-box;
  box-shadow: 0px 20px 20px -15px rgba(51, 112, 116, 0.4);
  border-radius: 24px;
}

.btn.btn-pink {
  background: #ef7c87;
  box-shadow: 0px 20px 20px -15px rgba(239, 124, 135, 0.4);
  border-radius: 24px;
  color: #ffffff;
  text-align: center;
  letter-spacing: 0.02em;
  font-weight: 600;
  font-size: 16px;
  line-height: 100%;
}

.btn.btn-pink.btn-lg {
  padding: 16px 58px;
}

#mapa {
  width: 100%;
  height: 450px;
}

footer {
  background: #5ab3b4;
  padding: 25px;
  color: #ffffff;
}

footer ul {
  list-style: none;
}

footer ul li {
  float: left;
  color: #ffffff;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0.02em;
  margin-right: 20px;
}
footer ul li a {
  color: #ffffff;
  cursor: pointer;
  outline: none;
}

.pre-header {
  background-color: #5ab2b3;
  color: #ffffff;
  width: 100%;
  height: 30px;
}

.pre-header a {
  color: #ffff;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji",
    "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

.pre-header ul {
  list-style: none;
  width: 100%;
  padding-top: 3px;
}

.pre-header ul li {
  float: left;
  margin-right: 30px;
}

.btn-green {
  background: #5ab3b4;
  border-radius: 176px;
  color: #ffffff;
  font-weight: normal;
  font-size: 16px;
  line-height: 150%;
  padding: 17px 30px;
}

hr {
  border: 1px solid #ef7c87;
}

.loading-message-boxed {
  background-color: #ffff;
  padding: 30px;
  color: #5aafb0;
}

.alert-default {
  border: 1px solid #5ab2b3;
  color: #5ab2b3;
  margin: 50px 0px;
}

.navbar-brand img {
  height: auto;
  -webkit-transition: height 1s ease;
}

.navbar-brand img.compact {
  width: auto !important;
  height: 60px !important;
}

@media only screen and (max-width: 600px) {
  #especialidades .cards {
    margin-left: auto;
    position: relative;
    top: 10px;
  }
  .pre-header {
    display: inline-block;
    height: auto;
    text-align: center;
    vertical-align: middle;
  }
  #especialidades .content {
    padding: 0;
    background: none;
    height: 90px;
  }
  #especialidades .content h2,
  #especialidades .content p {
    color: #5ab3b4;
  }
  #especialidades .cards .card {
    margin-bottom: 15px;
  }
  #sobre {
    margin-top: 25px;
  }
  .titulo {
    margin-top: 25px;
    margin-bottom: 25px;
  }
  .navbar-brand img {
    width: auto !important;
    height: 60px !important;
  }
  #depoimentos {
    padding-top: 200px;
  }
  #depoimentos h1 {
    color: #5ab3b4;
  }
  #depoimentos .nuvem {
    display: none;
  }
  footer ul li {
    width: 100%;
    margin-bottom: 16px;
    line-height: 15px;
  }
  #vitrine {
    margin-top: 85px;
  }
  .social-lis {
    width: 100%;
    text-align: center;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    padding: 0;
  }
  .social-lis li {
    float: left;
    width: auto;
  }

  .social-lis li a {
    font-size: 30px;
  }
}

#servicos {
  margin-top: 120px;
}

#servicos .card {
  background: #ffffff;
  box-shadow: 0px 100px 80px rgb(0 0 0 / 7%),
    0px 41.7776px 33.4221px rgb(0 0 0 / 5%),
    0px 22.3363px 17.869px rgb(0 0 0 / 4%),
    0px 12.5216px 10.0172px rgb(0 0 0 / 4%),
    0px 6.6501px 5.32008px rgb(0 0 0 / 3%),
    0px 2.76726px 2.21381px rgb(0 0 0 / 2%);
  border-radius: 8px;
  border: none;
  padding: 15px;
  min-height: 250px;
}

#servicos .card h5 {
  color: #5ab3b4;
  line-height: 30px;
  font-weight: bold;
  text-transform: uppercase;
}

#servicos .card .custom-hr{
  margin-bottom: 10px;
}