/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jul 29 2025 | 11:20:57 */
<div  class="back-top-Whatsapp">
	<div  class="progress-wrap">
		<svg class="progress-circle svg-content" width="100%" height="100%" viewBox="-1 -1 102 102">
			<path d="M50,1 a49,49 0 0,1 0,98 a49,49 0 0,1 0,-98" />
		</svg>
	</div>
	<div  class="floating_btn" id="whatsapp-desktop-footer">
		<div  class="contact_icon">
			<div class="iconWrap">
				<a href="https://wa.me/14166138591" target="_blank" rel="noopener"><img width="860" height="240" alt="Chat with us" src="https://alleviatephysiotherapy.com/wp-content/uploads/2022/08/whatsapp.png"></a>
				<!-- <i class="fab fa-whatsapp my-float"></i> -->
				<!-- <p> <i class="fab fa-whatsapp my-float"></i> chat whit us </p> -->
				<!-- <span class="tooltip">WhatsApp Chat</span> -->
			</div>
		</div>
	</div>
</div>
<style>
	
	@media only screen and (max-width: 677px) {
		.back-top-Whatsapp {
			display: none !important;
		}
	}
	
/*     .contact_icon{
        background-color: #42db87;
        box-shadow: 2px 2px 3px #42db87;
    } */
    
    .floating_btn {
        bottom: 110px;
    }

    .floating_btn_email {
        bottom: 180px;
    }

    .floating_btn_skype {
        bottom: 250px;
    }

    .floating_btn_download_brochure {
        bottom: 320px;
    }

    .floating_btn_email_icon,
    .floating_btn_skype_icon,
    .floating_btn_download_brochure_icon{
        background-color: #002b5b;
        box-shadow: 2px 2px 3px #002b5b;
    }

    .floating_btn,
    .floating_btn_email,
    .floating_btn_skype,
    .floating_btn_download_brochure{
        position: fixed;
		right: 90px;
		height: 50px;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		z-index: 1000;
		width: 50px;
    }

	
.floating_btn .contact_icon	p {
    margin-bottom: 0 !important;
}

    .contact_icon,
    .floating_btn_email_icon,
    .floating_btn_skype_icon,
    .floating_btn_download_brochure_icon{
        color: #fff;
/* 		width: 140px; */
		width: 200px;
		cursor: pointer !important;
		font-size: 15px;
		height: 40px;
		border-radius: 8px;
		text-transform: capitalize;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
/*         transform: translatey(0px);
        animation: pulse 1.5s infinite;
        -webkit-animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
        -moz-animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
        -ms-animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
        animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1); */
        font-weight: normal;
        text-decoration: none !important;
        transition: all 300ms ease-in-out;
    }

    .main .iconWrap {
        position: relative;
        margin-bottom: 1.5rem;
        padding: 0.5rem 0.75rem;
        box-shadow: 1px 1px 10px 2px #00000026;
        border-radius: 8px;
        font-size: 1.25rem;
        cursor: pointer;
        background-color: #fff;
    }

    .iconWrap .tooltip {
        position: absolute;
        right: 6.5rem;
        top: 0.325rem;
        font-size: 15px;
        width: max-content;
        background-color: #333;
        color: #fff;
        padding: 6px 10px;
        border-radius: 4px;
        transform: translateX(-0.325rem);
        opacity: 0;
        pointer-events: none;
        transition: opacity 250ms ease-in-out 0s, transform 300ms ease-in-out 0s;
    }

    .iconWrap .tooltip::before {
        content: '';
        position: absolute;
        width: 0.6rem;
        height: 0.6rem;
        background-color: #333;
        right: -6px;
        top: 50%;
        transform: translate(-50%, -50%) rotate(45deg);
        border-radius: 1px;
    }

    .iconWrap:hover .tooltip {
        transform: translateX(0.325rem);
        opacity: 1;
    }

    @keyframes pulsing {
        to {
            box-shadow: 0 0 0 30px rgba(232, 76, 61, 0);
        }
    }

    /* #Progress
================================================== */
    .progress-wrap {
        position: fixed;
        right: 35px;
        bottom: 50px;
        height: 46px;
        width: 46px;
        cursor: pointer;
        display: block;
        border-radius: 50px;
        box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.2);
        z-index: 10000;
        opacity: 0;
        visibility: hidden;
        transform: translateY(15px);
        -webkit-transition: all 200ms linear;
        transition: all 200ms linear;
    }

    .progress-wrap.active-progress {
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
    }

    .progress-wrap::after {
        position: absolute;
        font-family: elementskit !important;
        content: "\e877";
        text-align: center;
        line-height: 46px;
        font-size: 24px;
        color: var( --e-global-color-dfcb752 );
        left: 0;
        top: 0;
        height: 46px;
        width: 46px;
        cursor: pointer;
        display: block;
        z-index: 1;
        -webkit-transition: all 200ms linear;
        transition: all 200ms linear;
    }

    .progress-wrap:hover::after {
        opacity: 0;
    }

    .progress-wrap::before {
        position: absolute;
        font-family: elementskit !important;
        content: "\e877";
        text-align: center;
        line-height: 46px;
        font-size: 24px;
        opacity: 0;
        background-color: var( --e-global-color-dfcb752 );
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        left: 0;
        top: 0;
        height: 46px;
        width: 46px;
        cursor: pointer;
        display: block;
        z-index: 2;
        -webkit-transition: all 200ms linear;
        transition: all 200ms linear;
    }

    .progress-wrap:hover::before {
        opacity: 1;
    }

    .progress-wrap svg path {
        fill: none;
    }

    .progress-wrap svg.progress-circle path {
        stroke: #ecedf3;
        stroke-width: 4;
        box-sizing: border-box;
        -webkit-transition: all 200ms linear;
        transition: all 200ms linear;
    }

    .progress-wrap {
        box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.2) !important;
    }

    .progress-wrap::after {
        color: var( --e-global-color-dfcb752 ) !important;
    }

    .progress-wrap svg.progress-circle path {
        stroke: var( --e-global-color-dfcb752 ) !important;
    }
</style>
<script type="text/javascript">
    (function($) {
        "use strict";
        $(document).ready(function() {
            "use strict";
            //Scroll back to top
            var progressPath = document.querySelector('.progress-wrap path');
            var pathLength = progressPath.getTotalLength();
            progressPath.style.transition = progressPath.style.WebkitTransition = 'none';
            progressPath.style.strokeDasharray = pathLength + ' ' + pathLength;
            progressPath.style.strokeDashoffset = pathLength;
            progressPath.getBoundingClientRect();
            progressPath.style.transition = progressPath.style.WebkitTransition = 'stroke-dashoffset 10ms linear';
            var updateProgress = function() {
                var scroll = $(window).scrollTop();
                var height = $(document).height() - $(window).height();
                var progress = pathLength - (scroll * pathLength / height);
                progressPath.style.strokeDashoffset = progress;
            }
            updateProgress();
            $(window).scroll(updateProgress);
            var offset = 50;
            var duration = 550;
            jQuery(window).on('scroll', function() {
                if (jQuery(this).scrollTop() > offset) {
                    jQuery('.progress-wrap').addClass('active-progress');
                } else {
                    jQuery('.progress-wrap').removeClass('active-progress');
                }
            });
            jQuery('.progress-wrap').on('click', function(event) {
                event.preventDefault();
                jQuery('html, body').animate({
                    scrollTop: 0
                }, duration);
                return false;
            })
        });
    })(jQuery);
</script>