.elementor-576 .elementor-element.elementor-element-7951cfb5{--display:flex;}/* Start custom CSS for container, class: .elementor-element-7951cfb5 *//* Adiciona flexbox à linha para organizar os elementos */
.row {
    display: flex;
    flex-wrap: wrap;
}

/* Em dispositivos móveis (telas menores que 768px), inverte a ordem dos elementos */
@media (max-width: 768px) {
    .col-xl-7.col-lg-8 {
        order: 2; /* Coloca o conteúdo após a imagem */
    }
    .col-xl-5.col-lg-4 {
        order: 1; /* Coloca a imagem antes do conteúdo */
    }
    .doctor-details-area {
    padding-top: 40px !important; /* ou 0px se quiser remover totalmente */
    padding-bottom: 40px !important; /* opcional — ajusta também o bottom se quiser */
  }
}/* End custom CSS */