
            (function (elementId, content) {
                document.getElementById(elementId).innerHTML = content;
            }("crewhu-testimonials", "<div class=\"crw-theme-color crw-tst\">    <div id=\"crw-tst-slider\" class=\"crw-tst-container\">        <ul id=\"crw-tst-slides\">            <!--EMPTY MESSAGE-->                        <!--CONTENT-->                            <li class=\"crw-tst-slide\">                    <div class=\"crw-tst-sld-card\">                        <div class=\"crw-tst-sld-infos\">                            <div class=\"crw-tst-name\">Leah V</div>                            <div class=\"crw-tst-company\">Bullhook Community Health Center (CHC)</div>                            <div class=\"crw-tst-date\"> 08/18/2023</div>                        </div>                        <div class=\"crw-tst-sld-message\">                            Dave was great being my tech interpreter and facilitating getting microix and abila together to fix my issue.                        </div>                    </div>                </li>                            <li class=\"crw-tst-slide\">                    <div class=\"crw-tst-sld-card\">                        <div class=\"crw-tst-sld-infos\">                            <div class=\"crw-tst-name\">Mark N</div>                            <div class=\"crw-tst-company\">Credit Associates, Inc.</div>                            <div class=\"crw-tst-date\"> 08/17/2023</div>                        </div>                        <div class=\"crw-tst-sld-message\">                            this is a new computer and knew it was goin to have small issues. this was handled very quickly                        </div>                    </div>                </li>                            <li class=\"crw-tst-slide\">                    <div class=\"crw-tst-sld-card\">                        <div class=\"crw-tst-sld-infos\">                            <div class=\"crw-tst-name\">Deb H</div>                            <div class=\"crw-tst-company\">Family Connections</div>                            <div class=\"crw-tst-date\"> 08/17/2023</div>                        </div>                        <div class=\"crw-tst-sld-message\">                            very helpful with my issues                        </div>                    </div>                </li>                            <li class=\"crw-tst-slide\">                    <div class=\"crw-tst-sld-card\">                        <div class=\"crw-tst-sld-infos\">                            <div class=\"crw-tst-name\">Laurie W</div>                            <div class=\"crw-tst-company\">Quality Construction Co.</div>                            <div class=\"crw-tst-date\"> 08/16/2023</div>                        </div>                        <div class=\"crw-tst-sld-message\">                            Addey is extremely proffesional and knowledgeable.  He doesn't rush through the steps but resolves the issuse causing the problem.  Give that guy a raise!!!!                        </div>                    </div>                </li>                            <li class=\"crw-tst-slide\">                    <div class=\"crw-tst-sld-card\">                        <div class=\"crw-tst-sld-infos\">                            <div class=\"crw-tst-name\">Theresa D</div>                            <div class=\"crw-tst-company\">Fergus County</div>                            <div class=\"crw-tst-date\"> 08/16/2023</div>                        </div>                        <div class=\"crw-tst-sld-message\">                            Cassie worked really hard on fixing my issue and did great.                        </div>                    </div>                </li>                            <li class=\"crw-tst-slide\">                    <div class=\"crw-tst-sld-card\">                        <div class=\"crw-tst-sld-infos\">                            <div class=\"crw-tst-name\">Meg R</div>                            <div class=\"crw-tst-company\">First Call Computer Solutions</div>                            <div class=\"crw-tst-date\"> 08/16/2023</div>                        </div>                        <div class=\"crw-tst-sld-message\">                            Wards rocks!                        </div>                    </div>                </li>                            <li class=\"crw-tst-slide\">                    <div class=\"crw-tst-sld-card\">                        <div class=\"crw-tst-sld-infos\">                            <div class=\"crw-tst-name\">Jay P</div>                            <div class=\"crw-tst-company\">Diocese of Great Falls Billings</div>                            <div class=\"crw-tst-date\"> 08/14/2023</div>                        </div>                        <div class=\"crw-tst-sld-message\">                            Thanks!                        </div>                    </div>                </li>                            <li class=\"crw-tst-slide\">                    <div class=\"crw-tst-sld-card\">                        <div class=\"crw-tst-sld-infos\">                            <div class=\"crw-tst-name\">Linda K</div>                            <div class=\"crw-tst-company\">Mark Rule and Company</div>                            <div class=\"crw-tst-date\"> 08/14/2023</div>                        </div>                        <div class=\"crw-tst-sld-message\">                            FirstCall is the best!!  I was having trouble with my Quickbooks 2022.  Ben contacted me right away and fixed the issue immediately.  I was very impressed and not stressed about the Quickbooks issue thanks to Ben.                        </div>                    </div>                </li>                            <li class=\"crw-tst-slide\">                    <div class=\"crw-tst-sld-card\">                        <div class=\"crw-tst-sld-infos\">                            <div class=\"crw-tst-name\">Marie S</div>                            <div class=\"crw-tst-company\">Child Start Inc</div>                            <div class=\"crw-tst-date\"> 08/11/2023</div>                        </div>                        <div class=\"crw-tst-sld-message\">                            Shawn helped me figure out my issue with printing quickly and provided me with a permanent solution!                        </div>                    </div>                </li>                    </ul>        <div id=\"nav\">            <a class=\"nav-prev\" onclick=\"ywtSlider.slide('back')\"> ◄ </a>            <a class=\"nav-next\" onclick=\"ywtSlider.slide('next')\"> ► </a>        </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></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 * * * * * * */    /* * * * * * * SLIDER * * * * * * */    .crw-tst .crw-tst-container#crw-tst-slider {        padding-top: 30px;        position: relative;    }    .crw-tst .crw-tst-container#crw-tst-slider #crw-tst-slides {        position: relative;        min-height: 300px;        overflow: hidden;        list-style: none;        margin: 0;    }    .crw-tst .crw-tst-container#crw-tst-slider #crw-tst-slides .crw-tst-slide {        position: absolute;        margin-left: -100%;        z-index: 5;        width: 100%;        left: 100%;        top: 0;        height: 100%;        -webkit-transition: all 1s ease;        -moz-transition: all 1s ease;        -o-transition: all 1s ease;        transition: all 1s ease;    }    .crw-tst .crw-tst-container#crw-tst-slider #crw-tst-slides .crw-tst-slide.active {        margin-left: 0;    }    .crw-tst .crw-tst-container#crw-tst-slider #crw-tst-slides .crw-tst-slide .crw-tst-sld-card {        position: relative;        padding: 30px;    }    .crw-tst .crw-tst-container#crw-tst-slider #crw-tst-slides .crw-tst-slide .crw-tst-sld-card .crw-tst-sld-message {        padding: 40px 40px 0;    }    .crw-tst .crw-tst-container#crw-tst-slider #nav {        position: absolute;        padding-top: 120px;        width: 100%;        left: 0;        top: 0;    }    .crw-tst .crw-tst-container#crw-tst-slider #nav a {        text-decoration: none;        float: right;        margin: 0 -50px;        font-size: 20px;    }    .crw-tst .crw-tst-container#crw-tst-slider #nav a:first-child {        float: left;        font-size: 24px;    }    @media (max-width: 768px) {        .crw-tst .crw-tst-container#crw-tst-slider #crw-tst-slides {            overflow: hidden;            padding-bottom: 60px;        }        .crw-tst .crw-tst-container#crw-tst-slider #nav a {            margin: 0 -25px;        }        .crw-tst .crw-tst-container#crw-tst-slider #crw-tst-slides .crw-tst-slide .crw-tst-sld-card {            padding: 15px 0;        }        .crw-tst .crw-tst-container#crw-tst-slider #crw-tst-slides .crw-tst-slide .crw-tst-sld-card .crw-tst-sld-message {            padding: 10px 20px 0;        }    }    /* * * * * * * SLIDER - END * * * * * * */</style><script type=\"text/javascript\">/* SCRIPT MOVED */</script>"));
        
    //set the interval temporary variable
    var setIntrVal = null;
    var intrVal = 4000;

    //get the slider elements
    var slides = document.getElementById('crw-tst-slides'); //get the <ul id="slides">
    var slide  = document.getElementsByClassName('crw-tst-slide'); //get the <li class="slide">
    var active = document.getElementsByClassName('active'); //get the <li class="slide active">

    //set z-index properties to the slides
    var j = 99; //initialize a higher value, change this if you need to
    for (var i = 0; i < slide.length; i++) {
        slide[i].style.zIndex = j;
        j--;
    }

    var ywtSlider = {
        init: function (newIntrVal) {
            //pass the new interval value into the intrVal variable
            if(newIntrVal) intrVal = newIntrVal;

            //start cycle on init
            ywtSlider.cycle();
        },

        cycle: function() {
            //check if cycle is already started then clear the cycle
            if(setIntrVal) clearInterval(setIntrVal); //this will clear the current interval

            //start a new cycle
            setIntrVal = setInterval(function () {
                ywtSlider.slide('next');
            }, intrVal);
        },

        slide: function (dir) {
            //get the slide index number so we can set this to the slide
            var nodeList = Array.prototype.slice.call(slides.children);
            var itemIndex = nodeList.indexOf(active[active.length - 1]);

            if (dir == 'back') { //check and run if the direction is back
                if(itemIndex < 0) { //if the previous item does not exist (current item is the first)
                    //add the active class to the slides except to the last one
                    for (var l = 0; l < slide.length - 1; l++) {
                        slide[l].className += ' active';
                    }
                } else { //if the previous item exist
                    //remove the active class starting from the current item to the last
                    for (k = itemIndex; k < slide.length; k++) {
                        slide[k].className = 'crw-tst-slide';
                    }
                }
            } else if (dir == 'next') { //check and run if the direction is next
                if (itemIndex + 1 < slide.length - 1) { //if the next item exist
                    //set the 'active' class to the next item
                    slide[itemIndex + 1].className += ' active';
                } else { //if the next item does not exist (current item is the last)
                    //remove the active class to all slide items
                    for (var k = 0; k < slide.length; k++) {
                        slide[k].className = 'crw-tst-slide';
                    }
                }
            }
            //continue the cycle
            ywtSlider.cycle();
        }
    };

    window.onload = function() {
        ywtSlider.init(5000);
    }
