.logo-img:before {
  width: 450px;
  height: 190px;
  background: url(../img/logo-light.png) no-repeat!important;
  margin: -31px 0 0 -27px;
}



.menu-desk {
  right: 100px;
  top: 53px;
  width: 780px;
  position: fixed;
  z-index: 999;
  background: transparent;
}



.menu-desk ul{
  float: left;
}

.menu-desk ul li{
  float: left;
}


.bnt-agendar {
  background: #85ebc9;
  margin: 0 0 0 19px!important;
  padding: 14px 19px!important;
  border-radius: 5px;
  color: #000!important;
  font-weight: bold;
}


.menu-desk ul li a {
  padding: 10px;
  margin: 0 -5px 0 0;
  font-size: 14px;
}

.menu-desk ul li a:hover{
  opacity: 0.6;
}

.top-site {
  background: rgb(0,0,0);
  background: linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 74%);
  width: 100%;
  position: fixed;
  z-index: 999999;
  height: 250px;
}


.about-bg {
  background-image: url(../img/img-doutor.jpg);
}

.area-doutor {
    width: 83%;
    margin: 0 auto;
    margin-top: 17vh;
}

.area-doutor h2 {
  font-size:24px;
  font-weight: bold;
  margin-bottom: 19px;
  line-height: 1.2;
}

.area-doutor p {
  margin-bottom: 15px;
  font-size: 16px;
  line-height: 1.5;
}

#section1 {
  background-color: #ffffff !important;
  color: black;
}


.area-dor {
  display: block;
  margin: -33vh auto;
  width: 100%;
}





.area-corpo img{
  position: absolute;
}



.area-corpo {
  width: 780px;
  margin: 0 auto;
  display: block;
  /* position: fixed; */
  /* z-index: 999999; */
  margin-top: -195px;
}
.area-cabeca {
  position: fixed;
  z-index: 9999;
  background: white;
  margin: 149px 0 0 250px;
  padding: 9px 15px;
  color: #000;
  font-weight: bold;
  border-radius: 15px;
  font-size: 15px;
}


.area-ombro {
  position: fixed;
  z-index: 9999;
  background: white;
  margin: 209px 0 0 581px;
  padding: 9px 15px;
  color: #000;
  font-weight: bold;
  border-radius: 15px;
  font-size: 15px;
}


.area-cotovelo {
  position: fixed;
  z-index: 9999;
  background: white;
  margin: 341px 0 0 641px;
  padding: 9px 15px;
  color: #000;
  font-weight: bold;
  border-radius: 15px;
  font-size: 15px;
}


.area-coluna {
  position: fixed;
  z-index: 9999;
  background: white;
  margin: 321px 0 0 441px;
  padding: 9px 15px;
  color: #000;
  font-weight: bold;
  border-radius: 15px;
  font-size: 15px;
}


.area-toda {
  position: fixed;
  z-index: 9999;
  background: white;
  margin: 291px 0 0 181px;
  padding: 9px 15px;
  color: #000;
  font-weight: bold;
  border-radius: 15px;
  font-size: 15px;
}

.area-quadril {
  position: fixed;
  z-index: 9999;
  background: white;
  margin: 456px 0 0 442px;
  padding: 9px 15px;
  color: #000;
  font-weight: bold;
  border-radius: 15px;
  font-size: 15px;
}


.area-mao {
  position: fixed;
  z-index: 9999;
  background: white;
  margin: 452px 0 0 169px;
  padding: 9px 15px;
  color: #000;
  font-weight: bold;
  border-radius: 15px;
  font-size: 15px;
}


.area-pes {
  position: fixed;
  z-index: 9999;
  background: white;
  margin: 703px 0 0 169px;
  padding: 9px 15px;
  color: #000;
  font-weight: bold;
  border-radius: 15px;
  font-size: 15px;
}


.area-joelho {
  position: fixed;
  z-index: 9999;
  background: white;
  margin: 653px 0 0 619px;
  padding: 9px 15px;
  color: #000;
  font-weight: bold;
  border-radius: 15px;
  font-size: 15px;
}

.texto-mapa {
  float: left;
  margin: -50px 0 0 104px;
  width: 100%;
  z-index: 9999999;
  position: sticky;
}

.texto-mapa h2 {
  font-size: 36px;
  width: 360px;
  z-index: 99999;
  left: 38px;
  top: -285px;
  line-height: 1.2;
  font-weight: bold;
  margin-bottom: 35px;
}

.texto-mapa h2 b {
  color: #85ebc9;
}


.texto-mapa h3 {
  font-size: 20px;
}



.texto-mapa a {
  background: #ff9600;
  float: left;
  width: 100%;
  padding: 17px;
  z-index: 999;
  position: relative;
  text-align: center;
  border-radius: 5px;
  margin: 55px 0 0 0;
}


.texto-mapa a:hover{
  opacity: 0.8;
}


.info-div {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 99999999;
  background: red;
  margin: 55px;
  width: 410px;
  /* Adicione mais estilos aqui conforme necessário */
}




.eui-widget-title, .eapps-faq-content-category-title-text{
  display: none!important;
}

.eapps-faq-content {
  padding: 0;
  margin: -105px 0 0 0;
}


.area-tratamentos {
  width: 90%;
  margin: 0 auto;
  margin-top: 90px;
}


.area-tratamentos h2 {
  font-size: 22px;
  text-align: center;
  font-weight: bold;
  margin: -28px 0 32px 0;
  float: left;
  text-align: center;
  width: 100%;
}

.area-tratamentos h3 {
  font-size: 28px;
  text-align: center;
  margin-bottom: 75px;
}

.area-tratamentos ul {
  float: left;
  width: 100%;
  margin-bottom: 95px;
}

.area-tratamentos ul li {
  width: 30%;
  float: left;
  margin: 0 30px 24px 0;
  border: 1px solid #212223;
  padding: 37px;
  height: 288px;
  border-radius: 5px;
}

.area-tratamentos ul li span {
  float: left;
  width: 100%;
  height: 119px;
  margin-top: 0px;
}

.area-tratamentos ul li span img {
  position: relative;
  width: 390px;
  top: -127px;
  height: 126px;
  border-radius: 10px;
}

.area-tratamentos ul li span h3 {
  color: #ffffff !important;
  position: relative !important;
  z-index: 999999;
  text-align: left;
  margin: 69px 0 23px 20px;
  font-size: 14px;
  font-weight: bold;
}

.area-tratamentos ul li p {
  line-height: 1.5;
  font-size: 14px;
}



#section2 {
  background: radial-gradient(circle at -4% -12.9%, rgb(74, 98, 110) 0.3%, rgb(30, 33, 48) 90.2%);
}

#section4 {
  background:#000;
}






@keyframes blink {
  0%, 100% { border-color: transparent; box-shadow: none; }
  50% { border-color: #ff9600; box-shadow: 0 0 8px #ff9600; }
}

.blinking-border {
  animation: blink 2s linear infinite;
  border: 2px solid transparent; /* Inicialmente transparente */
}


.btn-corpo:hover{
  background-color: #ff9600;
  cursor: pointer;
}


.info-div {
  display: none;
  position: fixed;
  top: 39vh;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 99999999;
  background: white;
  margin: 55px;
  width: 390px;
  min-height: 250px;
  border-radius: 5px;
  padding: 34px 51px;
}


.info-div ul{
  float: left;
}

.info-div ul li{
  color: #000;
  list-style: circle;
}

.info-div button{
  width: 111%;
  margin: 40px 0 0 -20px;
  background: black;
  padding: 13px;
  border-radius: 8px;
}


#section3 {
  background-color: #000000;
}


.overlay-inverse-dark-35:before{
  display: none;
}


.area-texto-faq {
  /* float: left; */
  margin: 19vh auto;
  width: 530px;
}

.area-texto-faq h2 {
  font-size: 37px;
  width: 390px;
  line-height: 1.0;
  margin-bottom: 45px;
  color: #ffffff;
  font-weight: bold;
}

.eapps-faq-content-category-title-icon {
  DISPLAY: none!important;
}




.area-faq {
  float: left;
  width: 580px;
  height: 600px;
  margin: 2vh 0 0 0;
  overflow: scroll;
  overflow-x: hidden;
  height: 550px;
  padding: 40px 25px 0 0;
  border-radius: 15px;
  background: #353535;
}

.area-faq::-webkit-scrollbar {
  width: 20px; /* Ajuste a largura da barra de rolagem */
  border-radius: 10px; /* Raio da borda para a barra de rolagem */
}

.area-faq::-webkit-scrollbar-thumb {
  background: #fff;/* Cor da barra de rolagem */
  border-radius: 10px; /* Raio da borda para o thumb da barra de rolagem */
}


.area-texto-faq h3 {
  font-size: 16px;
  margin: -34px 0 10px 0;
  color: #e3e3e3;
}

.faq-bg {
  background-image: url(../img/img-faq.jpg)!important;
}


.btn-agendar-tratamento {
  background:#ff9600;
  width: 500px;
  margin: 0 auto;
  display: block;
  clear: both;
  text-align: center;
  padding: 25px;
  border-radius: 13px;
  margin-top: 100px;
  font-size: 22px;
  font-weight: bold;
}


.box-tratamentos{
  width: 100%;
  height:600px;
  overflow-y: scroll;
  overflow-x: hidden;
  margin-top: 50px;
}



.box-tratamentos::-webkit-scrollbar {
  width: 20px; /* Ajuste a largura da barra de rolagem */
  border-radius: 10px; /* Raio da borda para a barra de rolagem */
}
.box-tratamentos::-webkit-scrollbar-thumb {
  background: #fff;/* Cor da barra de rolagem */
  border-radius: 10px; /* Raio da borda para o thumb da barra de rolagem */
}

.navigation-fire{
  display: none!important;
}


#section5 {
  background: #494949;
}


.accordion {
  float: left;
  width: 530px;
  /* background: red; */
  padding: 0 15px 0 15px;
}


/* Estilo padrão do botão não selecionado */
.accordion .card-header .btn-link {
  background-color: #ccc;
  color: #333;
  text-decoration: none;
  
}

/* Estilo do botão quando selecionado */
.accordion .card-header .btn-link.collapsed {
  background-color: #353535;
  width: 500px;
  text-align: left;
  padding: 12px 17px;
  font-size: 14px;
  font-weight: bold;
  border-radius: 5px;
  margin-bottom: 20px;
  color: #fff;
  border: 1px solid #cccc;
}

.accordion .card-header .btn-link:not(.collapsed) {
  background-color: #fff;
  color: #000;
  width: 500px;
  text-align: left;
  padding: 12px 17px;
  font-size: 14px;
  font-weight: bold;
  border-radius: 5px;
}

.accordion h2{
  line-height: 0;
    margin-bottom: 0;
}


.accordion .card-body{
  margin: 15px 0 15px 0;
  font-size: 14px;
}


.area-contato h2 {
  font-size: 27px;
  text-align: center;
  font-weight: bold;
  margin: -29px 0 80px 0;
}


.area-contato .locais-atendimento {
  border: 1px solid #ccc;
  padding: 65px;
  float: left;
  width: 100%;
  height: 500px;
}

.area-contato .locais-atendimento h4 {
  font-weight: bold;
  font-size: 19px;
  margin-bottom: 20px;
}

.area-contato .locais-atendimento span {
  border-bottom: 1px solid #fff;
  float: left;
  width: 100%;
  padding-bottom: 10px;
  margin-bottom: 25px;
}

.area-contato .locais-atendimento span:last-child{
  border: none;
}


.area-contato .locais-atendimento span p {
  line-height: 1.2;
  margin: 9px 0 10px 0;
  font-size: 14px;
}

.area-contato .locais-atendimento span h5{
  font-weight: bold;
}


.btn-agendar-consulta {
  background: #ff9600;
  width: 100%;
  float: left;
  padding: 17px;
  text-align: center;
  border-radius: 5px;
}


.whatsapp-button {
  position: fixed;
  bottom: 20px;
  right: 20px;
  background-color: #25D366; /* Verde padrão do WhatsApp */
  color: #fff;
  padding: 10px 20px;
  border-radius: 50px;
  font-size: 16px;
  font-weight: bold;
  text-decoration: none;
  display: flex;
  align-items: center;
  gap: 10px;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
  transition: background-color 0.3s ease;
  z-index: 1000;
}

.whatsapp-button:hover {
  background-color: #128C7E; /* Cor de destaque ao passar o mouse */
}

.whatsapp-icon, .whatsapp-button i {
  font-size: 24px;
}

@media (min-width: 0px) and (max-width: 1200px) {
.menu-desk{
  display: none!important;
}
.logo-img:before {
  width: 450px;
  height: 190px;
  background: url(../img/logo-light.png) no-repeat !important;
  margin: 0px 0 0 -13px;
  background-size: 57% !important;
}

.navigation-icon .line.line-dark {
  background: #fff;
}

.navigation-icon-wrapper {
  top: 36px;
  right: 25px;
}


.circle-svg {
  display: none!important;
}

.bottom-credits {
  left: 26px;
  bottom: 47px;
  font-size: 8px;
  width: 88%;
  text-align: center;
}

.swiper-slide-pagination .swiper-pagination-bullet:last-child {
  display: none!important;
}

.intro-subtitle {
  line-height: 1.5;
}


.about-bg {
  background-image: url(../img/img-doutor.jpg);
  height: 310px;
}

.area-doutor {
  width: 86%;
  margin: 0 auto;
  margin-top: 80px;
  margin-bottom: 80px;
}

.overlay-inverse-dark-35{
  height: 300px!important;
}


.area-tratamentos {
  width: 90%;
  margin: 0 auto;
  margin-top: 85px;
}

.area-tratamentos h2 {
  font-size: 25px;
  text-align: center;
  font-weight: bold;
  line-height: 1.2;
  margin-bottom: 105px;
  margin-top: -35px;
}

.area-tratamentos h3 {
  font-size: 16px;
  text-align: center;
  margin-bottom: 115px;
}


.area-tratamentos ul li {
  width: 100%;
  float: left;
  margin: 0 30px 30px 0;
  height: auto;
}

.area-tratamentos ul {
  float: left;
  width: 100%;
  margin-bottom: 95px;
  margin-top: -49px;
}


.btn-agendar-tratamento {
  background: #ff9600;
  width: 100%;
  margin: 0 auto;
  /* display: block; */
  clear: both;
  text-align: center;
  padding: 25px;
  border-radius: 13px;
  font-size: 15px;
  font-weight: bold;
  float: left;
  margin: -80px 0 50px 0;
}
.texto-mapa h2 {
  font-size: 28px;
  width: 100%;
  z-index: 99999;
  left: 38px;
  top: -285px;
  line-height: 1.2;
  font-weight: bold;
  margin-bottom: 35px;
  text-align: center;
  margin-top: -70px;
}
.texto-mapa h3 {
  font-size: 14px;
  text-align: center;
}


.texto-mapa {
  float: left;
  margin: 80px 0 24px;
  width: 100%;
  z-index: 9999999;
  position: sticky;
  padding: 0 35px;
}

.area-corpo img {
  position: absolute;
  width: 940px;
  max-width: inherit;
  left: -33vh;
  top: -18vh;
}

.area-corpo {
  width: 780px;
  margin: 0 auto;
  display: block;
  /* position: fixed; */
  /* z-index: 999999; */
  margin-top: 245px;
  height: 770px;
}

.area-cabeca {
  position: fixed;
  z-index: 9999;
  background: white;
  margin: -20px 0 0 36px;
  padding: 9px 15px;
  color: #000;
  font-weight: bold;
  border-radius: 15px;
  font-size: 11px;
  letter-spacing: 0;
}

.info-div {
  display: none;
  position: fixed;
  top: 39vh;
  left: 38vw;
  transform: translate(-50%, -50%);
  z-index: 99999999;
  background: white;
  margin: 55px;
  width: 80%;
  min-height: 250px;
  border-radius: 5px;
  padding: 34px 51px;
}

.area-ombro {
  position: fixed;
  z-index: 9999;
  background: white;
  margin: 65px 0 0 248px;
  padding: 9px 15px;
  color: #000;
  font-weight: bold;
  border-radius: 15px;
  font-size: 10px;
}

.area-cotovelo {
  position: fixed;
  z-index: 9999;
  background: white;
  margin: 159px 0 0 289px;
  padding: 9px 15px;
  color: #000;
  font-weight: bold;
  border-radius: 15px;
  font-size: 10px;
}

.area-coluna {
  position: fixed;
  z-index: 9999;
  background: white;
  margin: 142px 0 0 155px;
  padding: 9px 15px;
  color: #000;
  font-weight: bold;
  border-radius: 15px;
  font-size: 10px;
}






.area-quadril {
  position: fixed;
  z-index: 9999;
  background: white;
  margin: 299px 0 0 155px;
  padding: 9px 15px;
  color: #000;
  font-weight: bold;
  border-radius: 15px;
  font-size: 10px;
}

.area-mao {
  position: fixed;
  z-index: 9999;
  background: white;
  margin: 242px 0 0 9px;
  padding: 9px 15px;
  color: #000;
  font-weight: bold;
  border-radius: 15px;
  font-size: 10px;
}

.area-pes {
  position: fixed;
  z-index: 9999;
  background: white;
  margin: 553px 0 0 19px;
  padding: 9px 15px;
  color: #000;
  font-weight: bold;
  border-radius: 15px;
  font-size: 10px;
}

.area-joelho {
  position: fixed;
  z-index: 9999;
  background: white;
  margin: 483px 0 0 229px;
  padding: 9px 15px;
  color: #000;
  font-weight: bold;
  border-radius: 15px;
  font-size: 10px;
}

.area-texto-faq {
  /* float: left; */
  margin: 12vh auto;
  width: 90%;
}

.area-faq {
  float: left;
  width: 100%;
  height: 600px;
  margin: 2vh 0 0 0;
  overflow: inherit;
  overflow-x: inherit;
  height: auto;
  padding: 40px 0;
  border-radius: 15px;
}

.area-texto-faq h2 {
  font-size: 24px;
  width: 100%;
  line-height: 1.0;
  margin-bottom: 39px;
  text-align: left;
  font-weight: bold;
  color: #000;
}

.area-texto-faq h3 {
  font-size: 16px;
  margin: -20px 0 0 0;
  text-align: left;
  color: #000;
}



.navigation-fire{
  display: block!important;
}

.box-tratamentos {
  width: 100%;
  height: 600px;
  overflow-y: inherit;
  overflow-x: inherit;
  margin-top: 50px;
}

.area-toda {
  position: fixed;
  z-index: 9999;
  background: white;
  margin: -105px 0 0 137px;
  padding: 9px 15px;
  color: #000;
  font-weight: bold;
  border-radius: 15px;
  font-size: 11px;
}

.accordion .card-header .btn-link.collapsed {
    background-color: #353535;
    width: 60%!important;
    text-align: left;
    padding: 12px 17px;
    font-size: 14px;
    font-weight: bold;
    border-radius: 5px;
    text-wrap: auto;
    clear: both;
    margin-bottom: -21px;
    color: #fff;
    border: 1px solid #cccc;
    height: 76px;
}


    .accordion .card-header .btn-link:not(.collapsed) {
        background-color: #fff;
        color: #000;
        width: 60%!important;
        text-align: left;
        padding: 12px 17px;
        font-size: 14px;
        font-weight: bold;
        border-radius: 5px;
        height: 76px;
        text-wrap: auto!important;
    }
    
    
    .accordion .card-body {
    margin: 15px 0 45px 0!important;
    font-size: 14px;
    width: 60%!important;
}
}



@media (min-width: 1000px) and (max-width: 1630px) {

  .logo-img:before {
    background-size: 65% !important;
}

.top-site {
  height: 190px;
}

.area-tratamentos {
    margin-top: 80px;
}
.area-tratamentos h2 {
  font-size: 25px;
  text-align: center;
  font-weight: bold;
}

.area-tratamentos h3 {
  font-size: 21px;
  text-align: center;
  margin-bottom: 37px;
}

.area-tratamentos ul li h2 {
  font-size: 18px;
  margin-bottom: 12px;
}


.area-tratamentos ul li p {
  font-size: 11px;
  line-height: 1.5;
}
.area-tratamentos ul li {
  width: 30%;
  float: left;
  margin: 0px 30px 17px 0;
  border: 1px solid #95d4ff;
  padding: 31px;
  height: 237px;
  border-radius: 5px;
}
.area-tratamentos ul {
  float: left;
  width: 100%;
  margin-bottom: 35px;
}

.btn-agendar-tratamento {
  background: #ff9600;
  width: 390px;
  margin: 0 auto;
  display: block;
  clear: both;
  text-align: center;
  padding: 25px;
  border-radius: 13px;
  margin-top: -50px !important;
  font-size: 17px;
  font-weight: bold;
}

.texto-mapa {
  float: left;
  margin: 30px 0 0 104px;
  width: 100%;
  z-index: 9999999;
  position: sticky;
}


.area-corpo {
  margin-top: -155px;
}

.area-cabeca {
  margin: 166px 0 0 250px;
}

.area-mao {
  margin: 422px 0 0 169px;
}


.area-pes {
  margin: 680px 0 0 169px;
}

.area-joelho {
  margin: 600px 0 0 599px;
}

.area-texto-faq h2 {
  font-size: 27px;
  width: 100%;
  line-height: 1.0;
  font-weight: bold;
}

.accordion .card-header .btn-link.collapsed {
  width: 485px;
}

.accordion .card-header .btn-link:not(.collapsed) {
  width: 485px;
}

.area-texto-faq h3 {
  font-size: 14px;
  margin: -31px 0 0 0;
}

.area-faq {
  float: left;
  width: 550px;
  height: 600px;
  margin: 2vh 0 0 0;
  overflow: scroll;
  overflow-x: hidden;
  height: 410px;
  padding: 40px 25px 0 0;
  border-radius: 15px;
}


.area-doutor h2 {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 19px;
  line-height: 1.2;
}

.area-doutor p {
  margin-bottom: 15px;
  font-size: 13px;
  line-height: 1.5;
}



}