/* Custom styles for the gradient text */
        .bg-clip-text {
            -webkit-background-clip: text;
            background-clip: text;
        }

        /* Basic styling for accordion-like appearance for FAQ */
        .accordion-item {
            border-bottom: 1px solid #e5e7eb; /* border-b class */
            padding: 1rem 0; /* py-4 class */
        }

        .accordion-trigger {
            display: flex;
            justify-content: space-between;
            align-items: center;
            width: 100%;
            text-align: right; /* text-right */
            font-size: 1.125rem; /* text-lg */
            font-weight: 500; /* font-medium */
            padding: 0.5rem 0;
            cursor: pointer;
            outline: none;
        }

        .accordion-trigger svg {
            transition: transform 0.2s ease-out;
        }

        .accordion-trigger[aria-expanded="true"] svg {
            transform: rotate(180deg);
        }

        .accordion-content {
            overflow: hidden;
            max-height: 0;
            transition: max-height 0.3s ease-in-out;
            text-align: right; /* text-right */
        }

        .accordion-content.open {
            max-height: 200px; /* Adjust as needed for content length */
        }

        /* Styling for the card components based on Shadcn UI classes */
        .card {
            border-radius: 0.5rem; /* rounded-lg */
            border: 1px solid #e5e7eb; /* border */
            background-color: #ffffff; /* bg-card */
            color: #0f172a; /* text-card-foreground */
            box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06); /* shadow-sm */
        }

        .card-header {
            display: flex;
            flex-direction: column;
            padding: 1.5rem; /* p-6 */
            gap: 0.375rem; /* space-y-1.5 */
        }

        .card-title {
            font-size: 1.5rem; /* text-2xl */
            font-weight: 600; /* font-semibold */
            line-height: 1.25; /* leading-none */
            letter-spacing: -0.025em; /* tracking-tight */
        }

        .card-content {
            padding: 1.5rem; /* p-6 */
            padding-top: 0; /* pt-0 */
        }

        .card-description {
            font-size: 0.875rem; /* text-sm */
            color: #64748b; /* text-muted-foreground */
        }

        /* Specific for 'They Said' section card header */
        .card-header.testimonial-header {
            flex-direction: row; /* flex-row */
            align-items: center; /* items-center */
            gap: 1rem; /* gap-4 */
            padding-bottom: 0.5rem; /* pb-2 */
        }

        /* Avatar styling */
        .avatar {
            display: inline-flex;
            justify-content: center;
            align-items: center;
            position: relative;
            height: 2.5rem; /* h-10 */
            width: 2.5rem; /* w-10 */
            border-radius: 9999px; /* rounded-full */
            overflow: hidden;
        }

        .avatar-image {
            object-fit: cover;
            height: 100%;
            width: 100%;
        }

        .avatar-fallback {
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100%;
            width: 100%;
            background-color: #e2e8f0; /* bg-gray-200 */
            color: #64748b; /* text-gray-600 */
        }

        /* Scroll to Top Button */
        #scroll-to-top-btn {
            display: none; /* Hidden by default */
        }