.transition {
  height: 75px;
}
.h222568rf {
  position: absolute;
  left: -9999px; /* totalement hors écran */
  visibility: hidden; /* ou display:none */
}

section {
  scroll-margin-top: 120px; /* hauteur de ton navbar */
}

textarea {
  margin-top: 0px;
  margin-bottom: 0px;
  height: 165px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  width: 100%;
  background: #71b38569 !important;
  border: none;
  color: rgba(255, 255, 255, 0.7) !important;
  font-size: 16px;
  padding: 5px 10px;
}

textarea::placeholder {
  color: rgba(255, 255, 255, 0.7) !important;
  text-align: center;
}

.abMenuLogo {
  /* height: 60px; */
  max-width: 100%;
}

.abFooterLogo {
  width: 150px;
}

.presentationLogoImg {
  background-image: url(../images/Antoine-Bruylant-Infirmier-a-domicile-logo-v.png);
  background-size: contain;
  background-position: center center !important;
}

.sliderTitle {
  font-size: 60px;
  color: #077e49;
  line-height: 1.2;
  font-weight: 900;
}

:root {
  --ab-blue: #4a6475;
  --ab-sage: #a3b5a1;
  --ab-cream: #fffbf5f5;
  --ab-coral: #e8a598;
  --ab-coral-light: #fff8f0;
  --ab-anthracite: #3a3a3a;
  --ab-white: #fffdf9;
  --ab-sage-soft: #e8eee6;
  --ab-shadow: 0 18px 40px rgba(74, 100, 117, 0.1);
}

body {
  background: var(--ab-cream);
  color: var(--ab-anthracite);
}

p,
li,
span,
.position,
.breadcrumbs,
.breadcrumbs span,
.contact-section .contact-info p a {
  /* color: var(--ab-anthracite); */
}

a {
  color: var(--ab-blue);
}

a:hover,
a:focus {
  color: var(--ab-coral);
}

nav {
  background: var(--ab-cream) !important;
  border-bottom: 1px solid rgba(74, 100, 117, 0.1);
}

.navMenu {
  background: #fffbf5f5 !important;
  backdrop-filter: blur(10px);
}

@media (max-width: 991.98px) {
  .navMenu {
    background: #a2b4a021 !important;
  }
}

/* .navMenu .navbar-nav > .nav-item > .nav-link, */
.navLogo a,
h1,
h2,
h3,
h4,
h5,
.h1,
.h2,
.h3,
.h4,
.h5,
.heading-section h2,
.services-2 .text h3,
.footerBlocTexte h2 {
  color: var(--ab-blue);
}

.navMenu .navbar-nav > .nav-item.active > a,
.navMenu .navbar-nav > .nav-item > .nav-link:hover,
.navMenu .navbar-nav > .nav-item > .nav-link:focus {
  color: var(--ab-coral);
}

.topper .icone {
  background: var(--ab-sage-soft);
  box-shadow: inset 0 0 0 1px rgba(74, 100, 117, 0.08);
}

.topper .icone span,
.services-2 .icon span,
.listeFleche {
  color: var(--ab-blue);
}

.heading-section .subheading,
.owl-carousel.home-slider .slider-item .slider-text .subheading {
  color: var(--ab-coral);
  letter-spacing: 0.16em;
}

.section-heading-md {
  font-size: 28px;
}

.section-heading-inline {
  display: inline-block;
  color: var(--ab-blue);
  line-height: 1.4;
  font-weight: 700;
}

.btn.btn-secondary,
.btn-secondary,
.formulaireBouton {
  background: var(--ab-coral) !important;
  border-color: var(--ab-coral) !important;
  color: var(--ab-white) !important;
  box-shadow: none !important;
}

.btn.btn-secondary:hover,
.btn.btn-secondary:focus,
.btn.btn-secondary:active,
.btn-secondary:hover,
.btn-secondary:focus,
.formulaireBouton:hover,
.formulaireBouton:focus {
  background: #d98d80 !important;
  border-color: #d98d80 !important;
  color: var(--ab-white) !important;
}

/* .home-slide-care {
    background-image: url(../img/slider/infirmier-domicile-brabant-wallon-antoine-bruylant-slider-4.jpg);
} */

.home-slide-care {
  background-image: url(../images/abstract-wallpaper.jpg);
}

.home-slide-team {
  background-image: url(../images/abstract-wallpaper-2.jpg);
  /* background-image: url(../img/slider/infirmier-domicile-brabant-wallon-antoine-bruylant-slider-2.avif); */
}

.hero-team {
  background-image: url(../img/slider/infirmier-domicile-brabant-wallon-antoine-bruylant-slider-4.jpg);
}

.hero-services {
  background-image: url(../img/slider/infirmier-domicile-brabant-wallon-antoine-bruylant-slider-4.jpg);
}

.home-slide-care,
.home-slide-team,
.hero-team,
.hero-services {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.owl-carousel.home-slider .slider-item .overlay,
.hero-wrap .overlay {
  background: linear-gradient(
    135deg,
    rgba(74, 100, 117, 0.76),
    rgba(163, 181, 161, 0.42)
  );
}

.owl-carousel.home-slider .slider-item .slider-text .subheading,
.sliderTitle,
.hero-wrap.hero-wrap-2 .slider-text h1,
.breadcrumbs,
.breadcrumbs a,
.breadcrumbs span {
  color: var(--ab-white);
}

.sliderTitle,
.owl-carousel.home-slider .slider-item .slider-text h2 {
  color: var(--ab-white);
  text-shadow: 0 10px 30px rgba(58, 58, 58, 0.28);
}

.ftco-section,
.bg-light,
.testimony-section,
.wrap-about,
.staff,
.footerBlocTexte,
.contact-section .box {
  background: transparent;
}

.testimony-section.bg-light,
.bg-light {
  background: linear-gradient(
    180deg,
    var(--ab-white) 0%,
    var(--ab-sage-soft) 100%
  ) !important;
}

.transition {
  background: linear-gradient(
    180deg,
    var(--ab-cream) 0%,
    var(--ab-sage-soft) 100%
  );
}

.services-2,
.contact-card,
.soft-panel {
  margin-bottom: 24px;
  padding: 20px;
  border-radius: 22px;
  background: rgba(255, 253, 249, 0.82);
  border: 1px solid rgba(163, 181, 161, 0.32);
  box-shadow: var(--ab-shadow);
}

.services-2 .icon {
  border: 2px solid var(--ab-sage);
  background: rgba(163, 181, 161, 0.12);
  border-radius: 50%;
}

.presentationLogoImg,
.staff {
  border-radius: 24px;
}

.staff {
  background: rgba(255, 253, 249, 0.9);
  border: 1px solid rgba(74, 100, 117, 0.12);
  box-shadow: var(--ab-shadow);
}

.staff-name {
  display: block;
  font-size: 18px;
  font-weight: 700;
  color: var(--ab-blue);
}

.staff .position {
  color: var(--ab-coral);
}

.ftco-footer,
footer {
  background: var(--ab-anthracite);
}

.ftco-footer p,
.ftco-footer a,
footer ul a,
.copyright,
.footerHoraires,
.footerBlocTexte p {
  color: rgba(255, 253, 249, 0.82);
}

footer ul li a span,
.footerBlocInfos ul li .icon,
.footerBlocTexte h2 {
  color: var(--ab-white);
}

.footerSocialList li a {
  background: rgba(255, 253, 249, 0.12);
}

.footerSocialList li a:hover,
.footerSocialList li a:focus {
  background: var(--ab-coral);
}

.formulaireZoneTexte,
textarea,
.form-control {
  background: rgba(255, 253, 249, 0.9) !important;
  border: 1px solid rgba(74, 100, 117, 0.18) !important;
  color: var(--ab-anthracite) !important;
}

textarea::placeholder,
.formulaireZoneTexte::placeholder,
.form-control::placeholder {
  color: rgba(58, 58, 58, 0.65) !important;
}

.contact-form-wrap {
  padding: 32px;
  border-radius: 28px;
  background: rgba(255, 253, 249, 0.88);
  box-shadow: var(--ab-shadow);
  border: 1px solid rgba(163, 181, 161, 0.3);
}

.services-intro,
.page-intro {
  padding: 24px 28px;
  border-radius: 20px;
  background: rgba(255, 253, 249, 0.78);
  box-shadow: var(--ab-shadow);
}

.map-embed {
  border: 0;
  display: block;
}

.services-card-text-body {
  min-height: 90px;
}

#ftco-navbar {
  transition: all 0.3s ease;
}

.site-section {
  padding: 3em 0;
}

@media (min-width: 768px) {
  .site-section {
    padding: 5em 0;
  }
}

.bg-coral-light {
  background: var(--ab-coral-light);
}
.bg-coral-transparent {
  background: rgba(255, 253, 249, 0.82);
}

.bg-cream {
  background: var(--ab-cream);
}

.card-abstract-fixed {
  background-image: url(../images/abstract-wallpaper.jpg);
  filter: none;
  background-attachment: fixed;
}

.services-2 {
  transition:
    transform 0.3s ease,
    box-shadow 0.3s ease;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

.services-2 .icon {
  transition: transform 0.3s ease;
}

.services-2:hover .icon {
  transform: scale(1.1) rotate(5deg);
}

.bg-lights-dots {
  background-repeat: repeat;
  background-size: contain;
  position: relative;
  background-color: #84dba8;
  overflow: hidden;
}

.zone-list li {
  padding: 12px 15px;
  border-radius: 8px;
  margin-bottom: 8px;
  background: #f8f9fa;
  cursor: pointer;
  transition: all 0.2s ease;
}

.zone-list li:hover {
  background: #e9f5ec;
  transform: translateX(5px);
}

.zone-list li.active {
  background: #4a6475;
  color: white;
}

.zone-list {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.zone-list li {
  flex: 0 0 calc(50% - 10px);
}

@media (max-width: 768px) {
  .zone-list {
    columns: 1;
  }
}

#map {
  height: 500px;
  width: 100%;
  border-radius: 12px;
  box-shadow: var(--ab-shadow);
}

.sub-title-hreo {
  color: var(--ab-anthracite);
  text-align: center;
  text-shadow: 0 10px 30px rgba(58, 58, 58, 0.28);
  font-size: larger;
}

.text-hero {
  color: var(--ab-anthracite);
  text-align: center;
  text-shadow: 0 10px 30px rgba(58, 58, 58, 0.28);
}

.item-a-propos,
.item-services {
  color: var(--ab-coral);
  font-weight: 700;
}

.btn-secondary-hero {
  color: var(--ab-anthracite);
  border-color: var(--ab-anthracite);
}
.btn-secondary-hero:hover {
  color: var(--ab-anthracite);
  border-color: var(--ab-anthracite);
  background-color: var(--ab-coral-light);
}
.input-form {
  color: var(--ab-coral) !important;
  background-color: var(--ab-cream) !important;
}

.logo-hidden {
  opacity: 0;
  transition: opacity 0.3s ease;
  display: none; /* Masquer le logo par défaut */
  transition: 0.5s ease-in-out;
}

.navbar.scrolled .logo-hidden {
  opacity: 1;
  display: block; /* Afficher le logo lorsque la classe "scrolled" est ajoutée */
}

/* Optionnel : seulement desktop */
@media (max-width: 991px) {
  .navbar.scrolled .logo-hidden {
    opacity: 0;
  }
}

.sidebar-sticky {
  position: sticky;
  top: 120px; /* hauteur de ton menu sticky */
}
.sidebar-box a:hover {
  padding-left: 5px;
  transition: 0.2s;
}

.sidebar-box {
  border: 3px solid var(--ab-coral);
  border-radius: 15px;
}

.thsn-service-icon-wrapper {
  font-size: 28px;
  position: absolute;
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  box-shadow: 0px 5px 35px 0px rgb(69 80 107 / 9%);
  top: 89%;
  left: 80%;
  background: #a9f8e5;
  border-radius: 50%;
  transform: translate(0%, 0%);
  z-index: 2;
  color: #081839;
}
.logo-menu-hamburger {
  display: none;
}

.abMenuLogoRapide {
  height: 60px;
}

@media (max-width: 991px) {
  #ftco-navbar {
    position: fixed;
    width: 100%;
  }

  body {
    padding-top: 70px; /* hauteur navbar */
  }

  .sliderTitle {
    font-size: 32px;
  }

  h1 {
    font-size: 28px;
  }

  .logo-menu-hamburger {
    display: block;
    height: 28px;
  }

  .abMenuLogoRapide {
    display: none;
  }
}

#googleMaps {
  width: 100%;
}

.menu-hamburger {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

section.site-section.bg-green {
    background: #a2b4a040;
}