.floating-whats{
		position:fixed;
		width:60px;
		height:60px;
		bottom:40px;
		/*background-color: ;*/
		color:#FFF;
		border-radius:50px;
		text-align:center;
	    font-size:30px;
		/*box-shadow: 0px 0px 40px 4px , 0px 0px 0px 2px rgba(255, 255, 255, 0.19) inset;*/
	  	z-index:100;
		right:40px;
	}

	.float-button{
		margin-top:16px;
	}

    /**========================== **/
	/** Whats Button With Puls **/
	/**========================== **/
    /*<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.4/jquery.min.js"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>*/
    .whatsapp_direct_btn {
        position: fixed;
        bottom: 30px;
		left: 25px;
        width: 50px;
        height: 50px;
        background-color: #4ac959;
        z-index: 99999;
        border-radius: 100%;
        text-align: center;
        padding: 0;
    }

    .whatsapp_direct_btn a {
        float: left;
        width: 100%;
        height: 100%;
        border-radius: 100%;
        padding: 5px;
    }

    .whatsapp_direct_btn a::before {
        content: "";
        position: absolute;
        inset: 0;
        border: 1px solid #fff;
        border-radius: 50%;
        animation-name: pulse;
        animation-duration: 2s;
        animation-timing-function: linear;
        animation-iteration-count: infinite;
        box-shadow: 0 0 10px 2px #4ac959;
        -webkit-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
        -moz-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
        -ms-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
        animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
    }

    .whatsapp_direct_btn a span {
        font-size: 40px;
        color: #fff;
    }

    @keyframes pulse {
        0% {
            transform: scale(1);
        }
        50% {
            transform: scale(1.2);
        }
        100% {
            transform: scale(1);
        }
    }

    /**========================== **/
	/** Social Button Multi **/
	/**========================== **/
    .fab-container {
		position: fixed;
		bottom: 50px;
		right: 30px;
		z-index: 999;
		cursor: pointer;
		direction: ltr;
	}

	.fab-icon-holder {
		width: 50px;
		height: 50px;
		border-radius: 100%;
		background: #016fb9;
		box-shadow: 0 6px 20px rgba(0, 0, 0, 0.2);
	}

	.fab-icon-holder:hover {
		opacity: 0.8;
	}

	.fab-icon-holder i {
		display: flex;
		align-items: center;
		justify-content: center;
		height: 100%;
		font-size: 25px;
		color: #ffffff;
	}

	.fab-btn {
		width: 60px;
		height: 60px;
		background: #25d366;
		/*box-shadow: 0px 0px 40px 4px #25d366, 0px 0px 0px 2px rgba(255, 255, 255, 0.19) inset;*/
	}

	.fab-options {
		list-style-type: none;
		margin: 0;
		position: absolute;
		bottom: 65px;
		right: 0;
		opacity: 0;
		transition: all 0.3s ease;
		transform: scale(0);
		transform-origin: 85% bottom;
	}

	.fab-btn:hover+.fab-options,
	.fab-options:hover {
		opacity: 1;
		transform: scale(1);
	}

	.fab-options li {
		display: flex;
		justify-content: flex-end;
		padding: 5px;
	}

	.fab-label {
		padding: 2px 5px;
		align-self: center;
		user-select: none;
		white-space: nowrap;
		border-radius: 3px;
		font-size: 16px;
		background: #8B8E8F;
		color: white;
		box-shadow: 0 6px 20px rgba(0, 0, 0, 0.2);
		margin-right: 10px;
	}