/* animated counter plugin from customcodey.com */

<div class="number-counter">

<h2 class="counter" data-target="230">0</h2>

<p class="counter-description">Happy Clients</p>

</div>

<style>

.number-counter {

text-align: center;

margin: 2em 0;

}

.number-counter .counter {

font-family: inherit; /* Matches your site's h2 font */

font-size: 2.5em;

margin: 0;

}

.counter-description {

font-size: 1em;

margin-top: 0.5em;

color: #555;

}

</style>

<script>

function animateCounter(counter) {

const target = +counter.getAttribute('data-target');

const duration = 2000;

const frameRate = 60;

const increment = target / (duration / (1000 / frameRate));

let current = 0;

const update = () => {

current += increment;

if (current < target) {

counter.textContent = Math.ceil(current);

requestAnimationFrame(update);

} else {

counter.textContent = target;

}

};

update();

}

document.addEventListener("DOMContentLoaded", function () {

document.querySelectorAll('.counter').forEach(counter => {

animateCounter(counter);

});

});

</script>

/* social share buttons from customcodey.com */

<div class="custom-share-buttons">

<a id="share-bluesky" target="_blank">Share on Bluesky</a>

<a id="share-threads" target="_blank">Share on Threads</a>

<a id="share-linkedin" target="_blank">Share on LinkedIn</a>

</div>

<style>

.custom-share-buttons {

display: flex;

gap: 10px;

margin: 20px 0;

}

.custom-share-buttons a {

padding: 10px 15px;

background: #e5f5f6;

border-radius: 4px;

text-decoration: none;

font-weight: bold;

color: #333;

transition: background 0.3s ease;

}

.custom-share-buttons a:hover {

background: #ccc;

}

</style>

<script>

const pageUrl = encodeURIComponent(window.location.href);

const pageTitle = encodeURIComponent(document.title);

document.getElementById("share-bluesky").href = `https://bsky.app/intent/compose?text=${pageTitle}%20${pageUrl}`;

document.getElementById("share-threads").href = `https://www.threads.net/intent/post?text=${pageTitle}%20${pageUrl}`;

document.getElementById("share-linkedin").href = `https://www.linkedin.com/sharing/share-offsite/?url=${pageUrl}`;

</script>

/* accordion hover effect plugin from insidethesquare.co */

.sqs-block-accordion .accordion-item__click-target {

transition: all 0.3s ease;

padding-left: 15px !important;

padding-right: 15px !important;

}

.sqs-block-accordion .accordion-item__click-target:hover {

transform: translateY(-4px);

box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);

background-color: #e5f5f6;

}

.sqs-block-accordion .accordion-divider {

display: none;

}