* {
  margin-bottom: 0 !important;
}

.myriad-font {
  font-family: "Myriad Pro", sans-serif;
}
.poppins-font {
  font-family: "Poppins", sans-serif;
}
.accumen-font {
  font-family: "Acumin Pro Condensed Bold", sans-serif;
}
@media all and (max-width: 992px) {
  .hero-h2 {
    color: white;
    font-size: 2rem;
    font-weight: 500;
    line-height: 1.3;
    padding-top: 6rem;
    margin-bottom: 0;
  }
  .hero-p {
    font-family: "Myriad Pro", sans-serif;
    color: white;
    font-size: 1rem;
    font-weight: 500;
  }
  .tous-p {
    font-family: "Poppins Bold", sans-serif;
    font-size: 1.1rem;
    margin-bottom: 0;
    font-weight: 400 !important;
  }
  .btn {
    border: 1px solid rgb(169, 167, 167);
    padding: 0.3rem 0.5rem;
    border-radius: 0.6rem;
    font-family: "Acumin Pro Condensed SemiBold";
    font-size: 1.3rem;
  }

  .card-h {
    font-family: "Acumin Pro Condensed Bold", sans-serif;
    font-size: 1.2rem;
    line-height: 1.2;
    color: #01024f;
    font-weight: 700;

    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  .card-date {
    font-size: 1.1rem;
    font-family: "Acumin Pro SemiCondensed", sans-serif;
    color: #6b6b6b;
  }

  .card-price {
    font-size: 1.1rem;
    font-family: "Acumin Pro Condensed", sans-serif;
    color: #01024f;
    font-weight: 500;
  }
  .location {
    font-family: "Acumin Pro SemiCondensed", sans-serif;
    font-size: 1.1rem;
    color: #6b6b6b;
    font-weight: 400;
  }
  .grat {
    font-size: "1.2rem";
    color: #28bb49;
    font-family: "Avenir Black";
    font-weight: 600;
  }
  .cards-horizontal-scroll {
    display: flex;
    overflow-y: auto;
    max-height: 430px;
    gap: 1rem;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch; /* Smooth scrolling on iOS */
    scrollbar-width: none; /* Hide scrollbar for Firefox */
    -ms-overflow-style: none; /* Hide scrollbar for IE and Edge */
  }

  .cards-horizontal-scroll::-webkit-scrollbar {
    display: none; /* Hide scrollbar for Chrome, Safari and Opera */
  }
  .halloween-bg {
    background-image: url("/halloween-bg-mobile.png");
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    height: auto !important;
    margin-top: 1.5vh;
  }
  .cards-horizontal-scroll {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 2rem;
    scroll-snap-type: y mandatory;
  }

  .hero-h2 {
    font-family: "Acumin Pro Condensed";
    padding-top: 6rem !important;
  }
  .hero-p {
    font-family: "Acumin Pro Condensed";
    padding-bottom: 4rem;
  }
}
/* Sticky map button styles */
.sticky-map-button {
  position: fixed;
  bottom: 20px;
  right: 20px;
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 1000;
}

.sticky-map-button:hover {
  transform: scale(1.1);
}

.sticky-map-button:active {
  transform: scale(0.95);
}

.sticky-map-image {
  width: 50px;
  height: 50px;
  object-fit: contain;
  margin-right: 5px;
  margin-bottom: 5px;
}
/* Animation for the sticky button */
@keyframes pulse {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.05);
  }
  100% {
    transform: scale(1);
  }
}

.sticky-map-button {
  animation: pulse 2s infinite;
}
.kids-icon {
  position: relative;
  right: 10px;
  bottom: 12px;
  height: 24px;
  width: 24px;
}