#header .header-top .menu {
    padding-left: 0;
}
#header .header-top .position-static {
    padding-left: 0;
}
.bannerinfopra a {
    word-break: break-word;
}



/*pop up*/
.popup-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.6);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999;
}

.popup {
  position: relative;
  background: #ffffff;
  width: 90%;
  max-width: 500px;
  border-radius: 14px;
  box-shadow: 0 15px 40px rgba(0,0,0,0.3);
  overflow: hidden;
  border: solid 3px #e2bc1d;
}

/* Image */
.popup-image img {
  width: 100%;
  height: 220px;
  object-fit: cover;
  display: block;
}

/* Contenu */
.popup-content {
  padding: 25px;
  text-align: center;
  color: #7a7a7a;
  font-family: Arial, Helvetica, sans-serif;
  line-height: 1.6;
}

.popup-content h2 {
  color: #000;
  margin-bottom: 15px;
}

.popup-content strong {
  color: #000;
}

/* Croix */
.close-btn {
  position: absolute;
  top: 12px;
  right: 15px;
  font-size: 22px;
  font-weight: bold;
  color: #000;
  cursor: pointer;
  transition: 0.3s ease;
  z-index: 10;
}

.close-btn:hover {
  color: #7a7a7a;
}

  @keyframes fadeIn {
    from { opacity: 0; transform: translateY(-20px); }
    to { opacity: 1; transform: translateY(0); }
  }



/*Responsive*/
@media (min-width: 992px) {
    .container {
        width: 100%;
        max-width: 100%;
    }
}
@media (min-width: 768px) {
    .header-top .container {
        width: 100%;
        max-width: 100%;
    }
}
@media (max-width: 1426px) {
    .hero-intro h1 {
        font-size: 4.4rem;
    }
}
@media (max-width: 1392px) {
  @keyframes pulseInner {
    0%,100% { transform: scale(1); }
    50% { transform: scale(1.04); }
  }
}
@media (max-width: 1221px) {
    .hero-intro h1 {
        font-size: 3.4rem;
    }
    #header .logo {
        margin-left: 50px;
        max-width: 33%;
    }
}
@media (max-width: 1100px) {
    .conceptVG-steps-tarif {
        padding: 20px;
    }
    .step-number-tarif {
        font-size: 2.6rem;
    }
    .price-max {
        font-size: 2.4rem;
    }
    .ptarif-tarif {
        font-size: 1.8rem;
    }
    .step-tarif {
        padding: 1rem 1.2rem 1.4rem;
    }
    @keyframes pulseOffer {
        0%,100% {
        transform: scale(1.05);
        box-shadow: 0 30px 60px rgba(0,0,0,0.25);
        }
        50% {
        transform: scale(1.08);
        box-shadow: 0 40px 80px rgba(0,0,0,0.3);
        }
    }
}
@media (max-width: 1098px) {
    .bandeau-content {
        padding: 0 20px;
    }
}
@media (max-width: 1045px) {
    .bandeau .title {
        font-size: 2.5rem;
    }
    .bandeau-content {
        padding: 0px 10px;
    }
}
@media (max-width: 1024px) {
    .hero-intro {
        padding: 30px 30px;
    }
    #header .logo {
        margin-left: 20px;
        max-width: 50%;
    }
}
@media (max-width: 991px) {
    .contacthoraire {
        flex-direction: column;
    }
}
@media (max-width: 820px) {
    .hero-intro p {
        color: #000;
    }
}
@media (max-width: 767px) {
    .infopraadress {
        padding: 22px 0;
    }
    .banneroccaz-stats span {
        width: 100%;
    }
    .bannerinfopra {
        justify-content: center;
    }
}
@media (max-width: 450px) {
    .concept-content {
        padding: 40px 0;
        text-align: center;
    }
}
@media (max-width: 375px) {
    #header .logo {
        margin-left: 100px;
    }
}
@media (max-width: 320px) {
    #header .logo {
        margin-left: 85px;
    }
}