.secteur-card {
  height: 420px;
}

/*Map classes*/

.responsive-map-container {
  margin-top: 2%;
  margin-bottom: 5%;
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}

.responsive-map-container iframe,
.responsive-map-container object,
.responsive-map-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* Mobile fixes for slider */
@media (max-width: 767px) {
  .hero__caption {
    text-align: start;
    padding-left: 0 !important;
    padding-top: 50px; /* Add top padding to prevent overlap */
  }
  .hero__caption p,
  .hero__caption h1,
  .hero__caption h4 {
    text-align: start !important; /* Align text to the left on mobile */
  }
  .img-hero {
    display: block;
    margin: 0 auto;
    max-width: 120px !important; /* Smaller logo for mobile */
  }
  .slider-height {
    min-height: 650px; /* Increase height to fit all content */
  }
  .single-slider {
    align-items: flex-start !important; /* Align to top instead of center to prevent cutoff */
    padding-top: 20px;
  }
  .hero__btn {
    text-align: start !important; /* Align buttons to the left on mobile */
  }
}

/* Mobile-specific overrides for slider */
@media (max-width: 767px) {
.mob-logo
{
    justify-content: start !important;
    margin-left: 20%;
}
.text-mob
{
    width: 75% !important;
}
  .hero__caption {
    padding-top: 20px; /* Adjust padding for mobile */
  }
  .slider-height {
    min-height: 400px; /* Reduce height for mobile */
  }
}