
            (function (elementId, content) {
                document.getElementById(elementId).innerHTML = content;
            }("crewhu-testimonials", "<div class=\"crw-theme-color crw-tst\">    <div class=\"crw-tst-container\">        <!--EMPTY MESSAGE-->                <!--CONTENT-->                    <div class=\"crw-tst-grd-card\">                <div class=\"crw-tst-name\">Jesse G</div>                <div class=\"crw-tst-company\"></div>                <div class=\"crw-tst-date\"> 07/07/2025</div>                <div class=\"crw-tst-grd-message crw-tst-grd-message-short\" id=\"message0\" >                    Thanks Nick!                    <div class=\"crw-tst-grd-see-more\" onclick=\"seeMore('message0')\">                        <span>﹀</span>                    </div>                </div>            </div>                    <div class=\"crw-tst-grd-card\">                <div class=\"crw-tst-name\">Christopher A</div>                <div class=\"crw-tst-company\"></div>                <div class=\"crw-tst-date\"> 07/07/2025</div>                <div class=\"crw-tst-grd-message crw-tst-grd-message-short\" id=\"message1\" >                    He did a great job                    <div class=\"crw-tst-grd-see-more\" onclick=\"seeMore('message1')\">                        <span>﹀</span>                    </div>                </div>            </div>                    <div class=\"crw-tst-grd-card\">                <div class=\"crw-tst-name\">Leslie M</div>                <div class=\"crw-tst-company\"></div>                <div class=\"crw-tst-date\"> 07/03/2025</div>                <div class=\"crw-tst-grd-message crw-tst-grd-message-short\" id=\"message2\" >                    Thanks!                    <div class=\"crw-tst-grd-see-more\" onclick=\"seeMore('message2')\">                        <span>﹀</span>                    </div>                </div>            </div>                    <div class=\"crw-tst-grd-card\">                <div class=\"crw-tst-name\">Cindy L</div>                <div class=\"crw-tst-company\"></div>                <div class=\"crw-tst-date\"> 07/01/2025</div>                <div class=\"crw-tst-grd-message crw-tst-grd-message-short\" id=\"message3\" >                    Thanks Nick!                    <div class=\"crw-tst-grd-see-more\" onclick=\"seeMore('message3')\">                        <span>﹀</span>                    </div>                </div>            </div>                    <div class=\"crw-tst-grd-card\">                <div class=\"crw-tst-name\">Jose M</div>                <div class=\"crw-tst-company\"></div>                <div class=\"crw-tst-date\"> 07/01/2025</div>                <div class=\"crw-tst-grd-message crw-tst-grd-message-short\" id=\"message4\" >                    GREAT SERVICE,  THANK YOU                    <div class=\"crw-tst-grd-see-more\" onclick=\"seeMore('message4')\">                        <span>﹀</span>                    </div>                </div>            </div>                    <div class=\"crw-tst-grd-card\">                <div class=\"crw-tst-name\">Darryl R</div>                <div class=\"crw-tst-company\"></div>                <div class=\"crw-tst-date\"> 06/30/2025</div>                <div class=\"crw-tst-grd-message crw-tst-grd-message-short\" id=\"message5\" >                    Thanks Sean. Great work as always!                    <div class=\"crw-tst-grd-see-more\" onclick=\"seeMore('message5')\">                        <span>﹀</span>                    </div>                </div>            </div>                    <div class=\"crw-tst-grd-card\">                <div class=\"crw-tst-name\">Jesse G</div>                <div class=\"crw-tst-company\"></div>                <div class=\"crw-tst-date\"> 06/30/2025</div>                <div class=\"crw-tst-grd-message crw-tst-grd-message-short\" id=\"message6\" >                    It wasn't a ticket I had started, and actually I didn't know there was an issue until Karm let me know. Looks like he was successful and I appreciate the assistance. Thanks Karm.                    <div class=\"crw-tst-grd-see-more\" onclick=\"seeMore('message6')\">                        <span>﹀</span>                    </div>                </div>            </div>                    <div class=\"crw-tst-grd-card\">                <div class=\"crw-tst-name\">Lan Y</div>                <div class=\"crw-tst-company\"></div>                <div class=\"crw-tst-date\"> 06/27/2025</div>                <div class=\"crw-tst-grd-message crw-tst-grd-message-short\" id=\"message7\" >                    Thanks for trying so hard and be patient!!                    <div class=\"crw-tst-grd-see-more\" onclick=\"seeMore('message7')\">                        <span>﹀</span>                    </div>                </div>            </div>                    <div class=\"crw-tst-grd-card\">                <div class=\"crw-tst-name\">Steve H</div>                <div class=\"crw-tst-company\"></div>                <div class=\"crw-tst-date\"> 06/26/2025</div>                <div class=\"crw-tst-grd-message crw-tst-grd-message-short\" id=\"message8\" >                    Appreciate the quick response time                    <div class=\"crw-tst-grd-see-more\" onclick=\"seeMore('message8')\">                        <span>﹀</span>                    </div>                </div>            </div>                <div class=\"crw-tst-powered\"><a href=\"https://www.crewhu.com\">Powered by<img src=\"https://cdn2.hubspot.net/hubfs/445399/crewhu_images/image.png\"></a></div>    </div> <!-- Container--></div><style>    :root {    --c_bcg_light: #f8f8f8;    --c_font_light: #707070;    --c_bcg_card_light: #ffffff;    --c_border: rgba(0, 0, 0, 0.1);    --box_shadow: 0 0 10px 0 var(--c_border);}/* * * * * * * THEME LIGHT - START * * * * * * */.crw-tst.crw-theme-color {    background-color: var(--c_bcg_light);    color: var(--c_font_light);    -webkit-text-fill-color: var(--c_font_light);}.crw-tst.crw-theme-color .crw-tst-container [class$=\"card\"] {    background: var(--c_bcg_card_light);}.crw-tst .crw-tst-container#crw-tst-slider #nav a {    color: var(--c_font_light);}.crw-tst .crw-tst-container#crw-tst-slider #crw-tst-slides .crw-tst-slide {    background: var(--c_bcg_card_light);}/* * * * * * * THEME LIGHT - END * * * * * * */</style><style>    /* * * * * * * GENERAL - START * * * * * * */    .crw-tst {        font-family: sans-serif;        font-weight: lighter;        height: auto;        width: 100%;    }    .crw-tst .crw-tst-infos {        text-align: center;    }    .crw-tst .crw-tst-infos .crw-tst-infos-title {        font-size: 3em;        padding: 15px 0;        font-family: serif;    }    .crw-tst .crw-tst-infos .crw-tst-infos-subtitle {        font-size: 1.2em;        padding: 0 0 45px;    }    .crw-tst .crw-tst-container {        width: 80%;        margin-left: auto;        margin-right: auto;        padding-bottom: 30px;    }    .crw-tst .crw-tst-container .crw-tst-powered {        font-size: 0.6em;    }    .crw-tst .crw-tst-container .crw-tst-powered a {        text-decoration: none;        color: inherit;    }    .crw-tst .crw-tst-container .crw-tst-powered img {        height: 20px;        width: auto;        margin-left: 5px;    }    .crw-tst .crw-tst-container .crw-tst-name {        text-align: center;        font-weight: bold;        font-size: 1.5em;        text-transform: capitalize;        overflow: hidden;        display: -webkit-box;        -webkit-line-clamp: 2;        text-overflow: ellipsis;        -webkit-box-orient: vertical;    }    .crw-tst .crw-tst-container .crw-tst-company {        text-align: center;        overflow: hidden;        display: -webkit-box;        -webkit-line-clamp: 2;        text-overflow: ellipsis;        -webkit-box-orient: vertical;    }    .crw-tst .crw-tst-container .crw-tst-date {        margin-bottom: 20px;        margin-top: 3px;        text-align: center;        font-size: 0.6em;    }    @media (max-width: 768px) {        .crw-tst .crw-tst-infos .crw-tst-infos-subtitle {            padding: 0 10px;        }    }    /* * * * * * * GENERAL - END * * * * * * */    /* * * * * * * GRID LAYOUT - START * * * * * * */    .crw-tst .crw-tst-container {        text-align: center;    }    .crw-tst .crw-tst-container .crw-tst-grd-card {        box-shadow: var(--box_shadow);        width: calc(33% - 90px);        display: inline-block;        vertical-align: top;        margin: 13px 30px 13px 0;        padding: 30px;        height: auto;        min-height: 219px;    }    .crw-tst .crw-tst-container .crw-tst-grd-card .crw-tst-grd-card-message {        font-size: 0.9em;        padding: 30px 0 0;        line-height: 18px;    }    .crw-tst .crw-tst-container .crw-tst-grd-card .crw-tst-grd-message-short {        overflow: hidden;        display: -webkit-box;        -webkit-line-clamp: 5;        text-overflow: ellipsis;        -webkit-box-orient: vertical;        line-height: 19px;    }    .crw-tst .crw-tst-container .crw-tst-grd-card .crw-tst-grd-message-full {        overflow: visible;        -webkit-line-clamp: initial;    }    .crw-tst .crw-tst-container .crw-tst-grd-card .crw-tst-grd-see-more {        text-align: center;    }    .crw-tst .crw-tst-container .crw-tst-grd-card .crw-tst-grd-see-more span {        position: absolute;        cursor: pointer;        font-size: 20px;        margin-left: -10px;        padding-top: 10px;    }    @media (max-width: 1024px) {        .crw-tst .crw-tst-container .crw-tst-grd-card {            width: calc(49% - 90px);        }    }    @media (max-width: 768px) {        /* * * * * * * GRID * * * * * * */        .crw-tst .crw-tst-container .crw-tst-grd-card {            width: calc(100% - 90px);        }    }    /* * * * * * * GRID LAYOUT - END * * * * * * */</style><script type=\"application/javascript\">/* SCRIPT MOVED */</script>"));
        
    function seeMore(elem) {

        var el = document.getElementById(elem);

        if (el.classList.contains('crw-tst-grd-message-short')) {
            el.classList.remove('crw-tst-grd-message-short');
            el.classList.add('crw-tst-grd-message-full');
        } else {
            el.classList.remove('crw-tst-grd-message-full');
            el.classList.add('crw-tst-grd-message-short');
        }
    }

    function checkMessageLength() {
        var divs = document.getElementsByClassName('crw-tst-grd-message');
        for (var i = 0; i < divs.length; i++) {
            if (divs[i].offsetHeight/19 < 5) {
                divs[i].getElementsByClassName("crw-tst-grd-see-more")[0].style.display = 'none';
            } else {
                divs[i].getElementsByClassName("crw-tst-grd-see-more")[0].style.display = 'block';
            }
        }
    }
    setTimeout(checkMessageLength);
    window.addEventListener("resize", checkMessageLength);

