.testimonials-top-bg{
  background-image: url('https://thehomeaides.com/wp-content/uploads/2023/03/Floral-testimonials-01-02-320px-1.jpg');
  background-position: top right;
  background-repeat: no-repeat;
}

.testimonials-bottom-bg{
  background-image: url('https://thehomeaides.com/wp-content/uploads/2023/03/Floral-testimonials-02-02-320px-1.jpg');
  background-position: top left;
  background-repeat: no-repeat;
}

.map-background{
  background-image: url('https://thehomeaides.com/wp-content/uploads/2023/03/map-background-scaled-1.jpg');
  background-position: top left;
  background-repeat: no-repeat;
  background-size: cover;
}

.yellow-highlight{
  background-image: url('https://thehomeaides.com/wp-content/uploads/2023/03/perks-benefits-highlight-1.png');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.semicircle-background{
  background-image: url('https://thehomeaides.com/wp-content/uploads/2023/03/half-circle-background-05.png');
  background-position: bottom center;
  background-repeat: no-repeat;
  background-size: cover;
}

.semicircle-yellow-background{
  background-image: url('https://thehomeaides.com/wp-content/uploads/2023/03/half-circle-yellow-background-05.png');
  background-position: bottom center;
  background-repeat: no-repeat;
  background-size: cover;
}


/* CARDS SCROLL */

.carousel-cards-container {
  display: flex;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scroll-padding-left: 10%;
  scroll-padding-right: 10%;
  gap: 8px; /* smaller gap between cards */
  -webkit-overflow-scrolling: touch;
}

.carousel-card-item {
  scroll-snap-align: center;
  flex: 0 0 80%;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 0 10px rgba(0,0,0,0.1);
  transition: transform 0.3s ease, opacity 0.3s ease;
  transform: scale(0.9);
  opacity: 0.7;
}

.carousel-card-item.active {
  transform: scale(1);
  opacity: 1;
  z-index: 2;
}

.carousel-cards-container::-webkit-scrollbar {
  display: none;
}

.carousel-card-spacer {
  flex: 0 0 80%;
  pointer-events: none;
  visibility: hidden;
  height: 1px; /* minimal height to avoid collapsing in some browsers */
}

.carousel-nav-prev a.disabled,
.carousel-nav-next a.disabled {
  opacity: 0.4;
  cursor: default;
  background-color: #888;
}

@media (max-width: 768px) {
  .carousel-cards-container {
    scroll-padding-left: 5%;
    scroll-padding-right: 5%;
    padding-left: 5%;
    padding-right: 5%;
    gap: 6px;
  }

  .carousel-card-item {
    flex: 0 0 90%;
  }
}

.carousel-nav-buttons .wp-block-button__link {
  background-color: #0073aa;
  color: #fff;
  padding: 0.5em 1em;
  font-size: 1.25rem;
  border-radius: 5px;
  transition: background 0.2s ease;
}

.carousel-nav-buttons .wp-block-button__link:disabled {
  background-color: #ccc;
  cursor: not-allowed;
}