
    !function () {
        let testimonials = [{"id":75,"user_id":66,"name":"Escape in Temecula","title":"Recent customer","quote":"Sharon is the REAL DEAL! She was with us on the sale of our home from start to finish, which included a complete renovation. Her expertise, recommendations, creative selling ideas and overall support and encouragement were second to none. I highly recommend Sharon for your Real Estate needs! Thanks again Sharon!","image":"https:\/\/ui-avatars.com\/api\/?name=E+C&color=FFFFFF&background=455A64","created_at":"2024-03-13T20:52:35.000000Z","updated_at":"2024-03-25T19:28:38.000000Z"},{"id":76,"user_id":66,"name":"PB Fut in Temecula","title":"Recent customer","quote":"Sharon is a long time local Realtor who knows her craft. She listens well and follows through will goals of finding the right home. Always well informed and easy to communicate with. I like doing business with her.","image":"https:\/\/ui-avatars.com\/api\/?name=P+B&color=FFFFFF&background=455A64","created_at":"2024-03-13T20:52:35.000000Z","updated_at":"2024-03-25T19:31:38.000000Z"},{"id":77,"user_id":66,"name":"Boothguy in Vista","title":"Recent customer","quote":"Sharon did a fantastic job for us under the most difficult circumstances imaginable. She always went above and beyond for us and I can't imagine that anyone could have even come close to the time and effort she put in to close our deal. Highest possible recommendation.","image":"https:\/\/ui-avatars.com\/api\/?name=Boothguy&color=FFFFFF&background=455A64","created_at":"2024-03-13T20:52:35.000000Z","updated_at":"2024-03-25T19:47:46.000000Z"},{"id":78,"user_id":66,"name":"Homeowner in Murrieta","title":"Recent customer","quote":"I could write a novel here.\r\n\r\nSharon did an excellent job listing and representing my home, but that wasn't even the best part of the experience. I was selling a home that had to be sold as part a contentious divorce, and my Ex was obstructionist at every turn.\r\n\r\nDespite the many obstacles presented by this difficult situation, which I won't go into detail about here, Sharon displayed more patience than I had any right to expect, was unfailingly persistent and polite even when the Ex wasn't, and never stopped repping the house. The house took longer to sell than I would have liked, but that was only because the Ex allowed 3 solid offers to die on the vine by refusing to take any action before the offers expired, and we could have had escrow closed within a month of listing of not for that.\r\n\r\nWe ended up closing with a full price offer, and I will definitely use Sharon again to list my cabin in Big Bear, as soon as the Ex moves out of it.","image":"https:\/\/ui-avatars.com\/api\/?name=Homeowner&color=FFFFFF&background=455A64","created_at":"2024-03-25T19:40:44.000000Z","updated_at":"2024-03-25T19:42:45.000000Z"},{"id":79,"user_id":66,"name":"Jake Leicht","title":"Recent customer","quote":"Sharon is, hands down, the best in the business. She has very high knowledge with the local market, trends, investment strategies, and everything in between. AND she knows how to negotiate with the best of them. I purchased a home through Sharon and not only did she negotiate an unheard of discount on my behalf, she also brought a buyer to the table shortly thereafter that allowed everyone involved in the transaction to make money. Can't wait for the next opportunity to work with Sharon in the future!","image":"https:\/\/ui-avatars.com\/api\/?name=Jake+Leicht&color=FFFFFF&background=455A64","created_at":"2024-03-25T19:40:44.000000Z","updated_at":"2024-03-25T19:44:52.000000Z"}];
        console.log(testimonials);
        let html = `<div class="testimonial-container" id="rc-testimonial-container"></div>`;
    
        document.currentScript.insertAdjacentHTML('afterend',`<style>#rc-testimonial-container * {
    box-sizing: border-box;
}

#rc-testimonial-container.testimonial-container {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    --flex-gap: 20px; /* Variable for gap */
    gap: var(--flex-gap);
}


#rc-testimonial-container .testimonial-card {
    --flex-items: 1; /* Number of flex items*/
    padding: 20px;
    border-radius: 2px;
    background-color: #FFFFFF;
    width: calc((100% / var(--flex-items)) - (((var(--flex-items) - 1) / var(--flex-items)) * var(--flex-gap)));
}

@media (min-width: 768px) { 
    #rc-testimonial-container .testimonial-card {
        --flex-items: 2;
    }
}

@media (min-width: 1024px) { 
    #rc-testimonial-container .testimonial-card {
        --flex-items: 3;
    }
}


#rc-testimonial-container .testimonial-card .testimonial-header {
    margin-bottom: 6px;
    display: flex;
    align-items: flex-start;
    gap: 20px;
}

#rc-testimonial-container .testimonial-card .testimonial-header .testimonial-image {
    width: 50px;
    height: 50px;
    border-radius: 100%;
}

#rc-testimonial-container .testimonial-card .testimonial-header .testimonial-header-name {
    margin-top: 0;
    margin-bottom: 2px;
    font-size: 18px;
    font-weight: bold;
}

#rc-testimonial-container .testimonial-card .testimonial-header .testimonial-header-position {
    margin-top: 0;
    font-size: 15px;
    font-weight: 400;
    color: #666;
}

#rc-testimonial-container .testimonial-card .testimonial-label {
    margin-bottom: 6px;
    display: flex;
    gap: 10px;
    font-size: 16px;
    font-weight: bold;
}

#rc-testimonial-container .testimonials-content {
    height: 120px;
    line-height: 1.4;
    font-size: 15px;
    overflow-y: auto;
}

#rc-testimonial-container .testimonials-content::-webkit-scrollbar {
    width: 5px;
    /* width of the entire scrollbar */
}

#rc-testimonial-container .testimonials-content::-webkit-scrollbar-track {
    background: #f3f4f6;
    /* color of the tracking area */
}

#rc-testimonial-container .testimonials-content::-webkit-scrollbar-thumb {
    background-color: #d1d5db;
}</style>` + html);
    
        let testimonialContainer = document.getElementById("rc-testimonial-container");
    
        let testimonialHTML = "";
        for (let i = 0; i < testimonials.length; i++) {
            let position = '';
            if (testimonials[i].title) {
                position = `<span class="position">${testimonials[i].title}</span>`;
            }
            testimonialHTML += `
            <div class="testimonial-card">
                <div class="testimonial-header">
                    <img src="${testimonials[i].image}" class="testimonial-image" alt="representative image of the customer providing the review">
                    <div class="testimonial-header-text">
                        <p class="testimonial-header-name">${testimonials[i].name}</p>
                        <p class="testimonial-header-position">${position}</p>
                    </div>
                </div>
                <div class="testimonial-label">Recommends</div>
                <div class="testimonials-content">
                    <span>${testimonials[i].quote}</span>
                </div>
            </div>`;
        }
        
        testimonialContainer.innerHTML = testimonialHTML;
    
    }();
    