/* Prefixed Custom CSS */

        /* donation-form-section */
        .donation-form-input-container { position: relative; display: flex; align-items: center; }
        .donation-form-aud-prefix { position: absolute; left: 1rem; color: #9CA3AF; font-weight: 500; pointer-events: none; }
        .donation-form-amount-input { padding-left: 3.75rem; border: 1px solid; border-radius: 0.5rem; width: 100%; padding-top: 0.75rem; padding-bottom: 0.75rem; padding-right: 1rem; font-weight: 600; }
        .donation-form-payment-logo { height: 24px; opacity: 0.7; filter: grayscale(50%); }
        .donation-form-giving-hands-logo .logo-text-main { color: #1F2937; }
        .donation-form-giving-hands-logo .logo-text-accent { color: #14B8A6; }
        .donation-form-giving-hands-logo .logo-icon-main { fill: #1F2937; }
        .donation-form-giving-hands-logo .logo-icon-accent { fill: #14B8A6; }

        /* image-gallery-section */
        .image-gallery-featured-image { transition: opacity 0.5s ease-in-out; }


        /* faq-section -- REBUILT FOR SMOOTH TOGGLE */
        .faq-item .faq-question { cursor: pointer; }
        .faq-item .faq-question-text.active { color: #DA2738 }
        .faq-item .faq-minus-icon { display: none; }
        .faq-item.active .faq-minus-icon { display: inline-block; }
        .faq-item.active .faq-plus-icon { display: none; }
        /* Hide answer by default */
        .faq-answer-content { display: none; }

        /* single campaign hero section */
		.custom-width {
    	width: 48% !important;
		}

		@media only screen and (max-width: 767px){
		/* single campaign hero section */
		.custom-width {
    	width: 100% !important;
		}
        }

         .grownex-single-campaign .breadcrumbs-section {
            display: none;
        }


        /* Testimonial */
        /*
 * Use the ID or class for the element that contains your moving track.
 * This element acts as the "viewport".
*/
.testimonial-viewport {
  overflow: hidden; /* This is the most important rule! It clips the extra content. */
  width: 100%;
}

/*
 * This is the element that you move with JavaScript.
 * From your previous script, this is #testimonial-track.
*/
#testimonial-track {
  display: flex; /* This aligns all your testimonial cards in a single row. */
}

/*
 * This targets every child inside your track (each testimonial card).
*/

@media only screen and (max-width: 576px){
  #testimonial-track > * {
    width: 100%;      /* This makes each card fill the entire viewport. */
    /* flex-shrink: 0;   This prevents the cards from shrinking. */
    padding-left: 8px;  /* Optional: Adds a little space on the sides */
    padding-right: 8px; /* Optional: Adds a little space on the sides */
    box-sizing: border-box;
  }

        }