/* General Body/Container Styles - Adjust as needed for embedding */
                    body {
                        font-family: 'Inter', Arial, sans-serif;
                        /* Using Inter font */
                        margin: 0;
                        padding: 0;
                        background-color: #f4f4f4;
                        color: #333;
                        line-height: 1.6;
                    }

                    .container {
                        max-width: 1200px;
                        margin: 0 auto;
                        padding: 20px;
                    }

                    min-min-height380 height-100

                    /* Testimonials Section */
                    .testimonials-section {
                        background-color: #ffffff;
                        padding: 60px 0;
                        text-align: center;
                        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
                        margin: 40px auto;
                        border-radius: 12px;
                        /* Slightly more rounded */
                        overflow: hidden;
                        /* Ensure content doesn't spill out */
                    }

                    .testimonials-section h2 {
                        font-size: 2.8em;
                        /* Slightly larger title */
                        color: #0056b3;
                        /* A nice blue for Island Connect AI */
                        margin-bottom: 40px;
                        font-weight: 700;
                        /* Bold title */
                    }

                    /* Slider Wrapper - Contains slider and buttons */
                    .slider-wrapper {
                        position: relative;
                        max-width: 850px;
                        /* Slightly wider */
                        margin: 0 auto;
                        overflow: hidden;
                        /* Hide overflowing testimonies */
                        border-radius: 10px;
                    }

                    /* Testimonial Slider - The moving part */
                    .testimonial-slider {
                        display: flex;
                        transition: transform 0.6s ease-in-out;
                        /* Slower, smoother transition */
                        will-change: transform;
                        /* Performance optimization */
                    }

                    /* Testimonial Card */
                    .testimonial-card {
                        flex: 0 0 100%;
                        /* Each card takes full width */
                        width: 100%;
                        /* Ensures 100% width within flex item */
                        box-sizing: border-box;
                        /* Include padding/border in width */
                        padding: 40px;
                        /* More padding */
                        text-align: center;
                        background-color: #ffffff;
                        border-radius: 10px;
                        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
                        /* Stronger shadow */
                        margin: 0;
                        /* No margin between cards as only one is shown */
                        display: flex;
                        flex-direction: column;
                        justify-content: space-between;
                        min-height: 320px;
                        /* Ensure consistent height for all cards */
                        opacity: 0;
                        /* Start hidden for initial animation */
                        transform: scale(0.95);
                        /* Slightly scaled down */
                        transition: opacity 0.6s ease-in-out, transform 0.6s ease-in-out;
                    }

                    .testimonial-card.active {
                        opacity: 1;
                        transform: scale(1);
                    }

                    .quote-icon {
                        color: #3f4c79;
                        /* Updated icon color */
                        font-size: 3em;
                        /* Larger icon */
                        margin-bottom: 20px;
                        text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
                    }

                    .testimonial-text {
                        font-size: 1.3em;
                        /* Larger text */
                        font-style: italic;
                        color: #426b9f;
                        /* Updated text color from previous request */
                        margin-bottom: 30px;
                        line-height: 1.8;
                    }

                    .client-info {
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        margin-top: auto;
                        /* Pushes client info to the bottom */
                        gap: 15px;
                        /* Space between avatar and details */
                    }

                    .client-avatar {
                        width: 70px;
                        /* Larger avatar */
                        height: 70px;
                        border-radius: 50%;
                        object-fit: cover;
                        border: 4px solid #e0f2ff;
                        /* Lighter blue border */
                        box-shadow: 0 2px 8px rgba(0, 123, 255, 0.2);
                    }

                    .client-details {
                        text-align: left;
                    }

                    .client-name {
                        font-weight: bold;
                        color: #0056b3;
                        margin: 0;
                        font-size: 1.1em;
                    }

                    .client-company {
                        font-size: 1em;
                        /* Slightly larger company text */
                        color: #666;
                        margin: 0;
                    }

                    /* Slider Dots */
                    .slider-dots {
                        display: flex;
                        justify-content: center;
                        margin-top: 40px;
                        /* More space below slider */
                        gap: 10px;
                        /* Space between dots */
                    }

                    .dot {
                        height: 14px;
                        /* Larger dots */
                        width: 14px;
                        background-color: #ccc;
                        border-radius: 50%;
                        display: inline-block;
                        cursor: pointer;
                        transition: background-color 0.3s ease, transform 0.2s ease, box-shadow 0.3s ease;
                        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
                    }

                    .dot.active,
                    .dot:hover {
                        background-color: #3d4a74;
                        /* Dot color from previous request */
                        transform: scale(1.2);
                        /* Larger active dot */
                        box-shadow: 0 2px 6px rgba(61, 74, 116, 0.4);
                        /* Shadow matching dot color */
                    }

                    /* Responsive Adjustments */
                    @media (max-width: 900px) {
                        .testimonials-section h2 {
                            font-size: 2.2em;
                        }

                        .testimonial-card {
                            padding: 30px;
                            min-height: 300px;
                        }

                        .testimonial-text {
                            font-size: 1.2em;
                        }

                        .client-avatar {
                            width: 60px;
                            height: 60px;
                        }
                    }

                    @media (max-width: 768px) {
                        .testimonials-section {
                            padding: 40px 0;
                            margin: 20px auto;
                        }

                        .testimonials-section h2 {
                            font-size: 2em;
                            margin-bottom: 30px;
                        }

                        .testimonial-card {
                            padding: 25px;
                            min-height: 280px;
                            /* Adjust height for smaller screens if needed */
                        }

                        .testimonial-text {
                            font-size: 1.1em;
                            margin-bottom: 20px;
                        }

                        .client-info {
                            flex-direction: column;
                            /* Stack avatar and details */
                            gap: 10px;
                        }

                        .client-details {
                            text-align: center;
                        }

                        .client-avatar {
                            width: 55px;
                            height: 55px;
                        }

                        .quote-icon {
                            font-size: 2.5em;
                        }

                        .dot {
                            height: 12px;
                            width: 12px;
                        }
                    }

                    @media (max-width: 480px) {
                        .testimonials-section h2 {
                            font-size: 1.6em;
                        }

                        .testimonial-card {
                            padding: 15px;
                            min-height: 250px;
                        }

                        .testimonial-text {
                            font-size: 0.95em;
                        }

                        .client-avatar {
                            width: 50px;
                            height: 50px;
                        }

                        .client-name {
                            font-size: 1em;
                        }

                        .client-company {
                            font-size: 0.9em;
                        }

                        .dot {
                            height: 10px;
                            width: 10px;
                        }
                    }