.custom-testimonials-section {
    background-image: url('images/images (22).jpeg');
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    color: white;
  }
  
  .custom-highlight-text {
    color: white;
  }
  
  .custom-testimonial-card {
    background-color: #111111;
    box-shadow: 0 0 15px rgba(255, 0, 0, 0.7); /* red glow */
    border-radius: 10px;
    padding: 40px;
    margin-top: 20px;
    max-width: 800px;
    text-align: center;
    transition: box-shadow 0.3s ease;
  }
  
  .custom-testimonial-card:hover {
    box-shadow: 0 0 25px rgba(255, 0, 0, 0.9); /* stronger red on hover */
  }
  
  .custom-testimonial-user {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
  }
  
  .custom-testimonial-avatar {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    object-fit: cover;
    margin-right: 15px;
  }
  
  .custom-testimonial-name {
    margin: 0;
    font-weight: 600;
    font-size: 1rem;
  }
  
  .custom-testimonial-role {
    font-size: 0.85rem;
    color: #bbb;
  }
  
  .custom-testimonial-stars {
    color: #ffd700;
    font-size: 1.2rem;
  }
  
  /* Carousel Dots */
  .carousel-indicators {
    bottom: -30px;
  }
  
  .carousel-indicators button {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: #fff;
    opacity: 0.5;
  }
  
  .carousel-indicators .active {
    opacity: 1;
    background-color: red;
  }
  
  

 /* Ensure gallery section is responsive */
@media (max-width: 768px) {
    .ftco-gallery .row.no-gutters {
      flex-direction: column;
      margin: 10px;
    }
  
    .ftco-gallery .col-md-4,
    .ftco-gallery .col-md-8 {
      width: 100%;
      max-width: 100%;
      flex: 0 0 100%;
      margin-bottom: 20px;
    }
  
    .ftco-gallery .col-md-4 h2 {
      margin-bottom: 20px;
    }
  
    .ftco-gallery .row.no-gutters div[style*="width: 45%"] {
      width: 100% !important;
      margin: 10px 0 !important;
    }
  }
  
  /* Improve image hover and responsiveness on larger screens too */
  .gallery.img {
    transition: transform 0.3s ease-in-out;
    width: 100%;
  }
  
  .gallery.img:hover {
    transform: scale(1.03);
  }