.histoire-hover-box:hover h3 {
  color: #262626 !important;
}

.histoire-hover-box h5 {
  /* transform: scaleY(0); */
  height: 0;
  overflow: auto;
  transition: height 0.6s;
}

.histoire-hover-box:hover h5 {
  /* transform: scaleY(1); */
  height: 281px !important;
}

.histoire-hover-box h5::-webkit-scrollbar {
  width: 0;
}

#map .gm-style-iw.gm-style-iw-c,
.map-point .gm-style-iw.gm-style-iw-c {
  width: 350px !important;
  padding: 20px 28px 20px 20px !important;
}

#map .gm-style-iw.gm-style-iw-c .gm-style-iw-d {
  max-height: unset !important;
  overflow: unset !important;
}

#map .gm-style-iw.gm-style-iw-c .gm-style-iw-d h4 {
  line-height: 28px;
  color: #262626;
  margin: 0 10px 10px 0;
}

#map .gm-style-iw.gm-style-iw-c .gm-style-iw-d p {
  margin-bottom: 5px !important;
}

#map .gm-style-iw.gm-style-iw-c .gm-style-iw-d a:hover {
  text-decoration: underline;
}

#map .gm-style-iw.gm-style-iw-c .gm-style-iw-d p,
#map .gm-style-iw.gm-style-iw-c .gm-style-iw-d a,
.map-point .gm-style-iw.gm-style-iw-c .gm-style-iw-d div {
  font-family: "Montserrat";
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  color: #262626;
  margin: 0;
}

#map .gm-style-iw.gm-style-iw-c .gm-style-iw-d a i {
  margin-right: 5px;
}

#map .gm-style-iw.gm-style-iw-c button,
.map-point .gm-style-iw.gm-style-iw-c button {
  top: 0 !important;
  right: 0 !important;
  width: 20px !important;
  height: 20px !important;
  margin: 5px !important;
}

#map .gm-style-iw.gm-style-iw-c button span,
.map-point .gm-style-iw.gm-style-iw-c button span {
  margin: 0 !important;
  width: 100% !important;
  height: 100% !important;
}

.map-point .gm-style-iw.gm-style-iw-c .gm-style-iw-d {
  overflow: unset !important;
  text-align: left;
}

.counter-section .elementor-counter-title {
    color: var(--e-global-color-secondary);
    font-family: "Montserrat", Sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    text-align: center;
}

@media only screen and (max-width: 1024px) {
  .histoire-hover-box:hover h5 {
    height: 274px !important;
  }
}

@media only screen and (max-width: 659px) {
  .counter-section .e-con-inner .elementor-widget-counter {
    width: 27%;
  }
}

@media only screen and (max-width: 430px) {
  .counter-section .e-con-inner .elementor-widget-counter {
    width: 31.4%;
  }

  .histoire-hover-box:hover h5 {
    height: 171px !important;
    padding-bottom: 20px;
  }

  .histoire-hover-box:hover h3 {
    padding: 10px 0 20px;
    font-size: 14px !important;
    line-height: 16px !important;
  }

  .histoire-hover-box:hover h3:before {
    content: "";
    background-image: url(/wp-content/uploads/2024/01/Icon-ionic-ios-arrow-down.png);
    width: 11px;
    height: 6px;
    display: block;
    position: absolute;
    right: 36px;
    top: 15px;
  }

  .histoire-hover-box.active {
    --overlay-opacity: 0.4 !important;
  }

  /* .histoire-hover-box:hover {
        --overlay-opacity: unset !important;
    } */

  .histoire-hover-title.active h3 {
    color: #fff !important;
  }

  .histoire-hover-title.active h3::before {
    display: none;
  }

  .histoire-hover-content.active h5 {
    height: 0 !important;
    padding-bottom: 0;
  }

  .histoire-map .wpgmp_map {
    height: 471px !important;
  }

  .active::before {
    background-color: var(--e-global-color-secondary) !important;
  }

  .histoire-hover-box .histoire-hover-title {
    pointer-events: none;
  }
}

@media only screen and (max-width: 389px) {
  .counter-section .e-con-inner .elementor-widget-counter {
    width: 48%;
  }
}