.call-widget {
	position: fixed;
	width: auto;
	z-index: 999999;
	bottom: 25px;
	right: 25px;
	font-family: Mulish, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji";
}

.call-widget div, .call-widget p {
	margin: 0;
}

.call-widget .call-widget hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
}

.call-widget .ee-main-avatar {
	justify-content: flex-end;
	display: flex
}

@keyframes bounce {
	0% {
	    transform: scale(0);
	}
	constructed stylesheet
	50% {
	    transform: scale(1.1);
	}
	constructed stylesheet
	100% {
	    transform: scale(1);
	}
}

@keyframes pulse {
	0% {
	    box-shadow: 0 0 #aaff3fb3;
	    transform: scale(.8);
	}

	70% {
	    box-shadow: 0 0 0 .4em #aaff3f00;
	    transform: scale(1);
	}

	100% {
	    box-shadow: 0 0 #aaff3f00;
	    transform: scale(.8);
	}
}

@keyframes welcome-slide {
	100% {
	    transform: translate(0) scale(1);
	    opacity: 1;
	}
}

@keyframes slide {
	100% {
	    transform: translate(0);
	    opacity: 1;
	}
}

.call-widget .ee-avatar-wrap {
	cursor: pointer;
	height: 80px; width: 80px; position: relative;
	display: flex;
    align-items: center;
    justify-content: center;
    backdrop-filter: blur(4.23px);
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0));
    border-radius: 100em;
    box-shadow: rgba(0, 10, 13, 0.31) 2.32054px 1.81241px 2.2037px, rgba(0, 10, 13, 0.23) 4.85125px 3.78897px 4.56296px, rgba(0, 10, 13, 0.18) 9.61493px 7.50954px 9.1px, rgba(0, 10, 13, 0.16) 17.0582px 13.3229px 17.837px, rgba(0, 10, 13, 0.13) 27.6276px 21.578px 32.7963px, rgba(0, 10, 13, 0.08) 41.7698px 32.6234px 56px;
    animation: bounce 1s;
}

.call-widget .ee-avatar-wrap > img {
	height: 64px;
    width: 64px;
    border-radius: 100%;
    border-style: none;
    border-width: 2px;
    border-color: #FFFFFF;
    background: radial-gradient(58.77% 68.75% at 50% 100%, rgb(255, 255, 255) 20%, rgba(255, 255, 255, 0.3));
    backdrop-filter: blur(4px);
}

.call-widget .online-animation {
    animation: pulse 2s infinite;
    background: #bdf6a2;
    border-radius: 10rem;
    bottom: 0;
    box-shadow: inset 1px 1px 2px #fffc, inset -1px -1px 2px #205f02, 0 0 4px 1px #7df146a8;
    content: "";
    height: .5em;
    position: absolute;
    right: 0;
    transition: opacity .25s;
    width: .5em;
    z-index: 3;
}

.call-widget .ee-notice {
	z-index: 9999;
	transform: translate(100%) scale(0);
	animation: welcome-slide .1s forwards;
	opacity: 0;
	--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);
    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    mix-blend-mode: normal;
    --tw-text-opacity: 1;
    color: rgb(78 79 87 / var(--tw-text-opacity, 1));
    font-size: .75rem;
    line-height: 1rem;
    padding-top: .75rem;
    padding-inline-start: .75rem;
    padding-inline-end: 1.5rem;
    padding-bottom: .75rem;
    background-color: #FFFFFF;
    --tw-border-opacity: 1;
    border-color: rgb(224 231 236 / var(--tw-border-opacity, 1));
    border-width: 1px;
    border-radius: .375rem;
    width: 184px;
    margin-bottom: .5rem;
    position: relative;
}

.call-widget .ee-notice .ee-notice-text {
	font-weight: 400;
    overflow-wrap: break-word;
    white-space: break-spaces;
    max-width: 100%;
    color: rgb(78 79 87 / var(--tw-text-opacity, 1));
    font-size: .75rem;
	line-height: 1rem;
	cursor: pointer;
}

.call-widget .ee-notice button {
	cursor: pointer;
	width: 1rem;
    height: 1rem;
    z-index: 50;
    top: .25rem;
    right: .25rem;
    position: absolute;
    cursor: pointer;
    -webkit-appearance: button;
    background-color: transparent;
    background-image: none;
    text-transform: none;
    font-family: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    font-size: 100%;
    font-weight: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    color: inherit;
    margin: 0;
    padding: 0;
    border: none;
    outline: none;
    box-shadow: none;
}

.call-widget .ee-widget-popup-animation {
    transform: translate(100%, 100%) scale(.5);
    animation: slide .3s forwards;
    opacity: .5;
}

.call-widget .hidden {
	display: none;
}

.call-widget .ee-widget-wrap {
    --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    padding-top: .75rem;
    padding-bottom: .75rem;
    padding-left: .5rem;
    padding-right: .5rem;
    background-color: #FFFFFF;
    width: 282px;
    border-style: solid;
	border-color: #e5e7eb;
	border-width: 1px;
	border-radius: .375rem;
	text-align: center;
}

.call-widget .ee-widget-wrap button.ee-close {
	position: absolute;
	top: .5rem;
	right: .5rem;
	cursor: pointer;
	outline: none;
    border: none;
    box-shadow: none;
    background: transparent;
}

.call-widget .ee-widget-wrap img {
	width: 5rem;
	height: 5rem;
	margin-top: -52px;
	margin-bottom: 18px;
    border-radius: 50%;
}

.call-widget .ee-social-wraper {
	justify-content: center;
    align-items: center;
    display: flex;
    margin-top: .5rem;
  	margin-bottom: 1rem;
  	gap: 12px;
  	position: relative;
}

.call-widget .ee-social-wraper:before {
    content: '';
    position: absolute;
    width: 280px;
    display: block;
    height: 1px;
    background: #e5e7eb;
    top: -9px;
}

.call-widget .ee-widget-wrap .social-btn {
    display: block;
    width: 48px;
    height: 48px;
    padding: 0;
    margin: 0;
    outline: none;
    border: none;
    box-shadow: none;
    background: transparent;
    cursor: pointer;
    position: relative;
    border-radius: 50%;
}

.call-widget .ee-widget-wrap .ee-name-manager {
	color: rgb(37 39 51 / var(--tw-text-opacity, 1));
    line-height: 1.25rem;
    font-weight: 700;
    font-size: 1.125rem;
    text-align: center;
    margin-bottom: .75rem;
}

.call-widget .ee-widget-wrap .ee-title {
	color: rgb(78 79 87 / var(--tw-text-opacity, 1));
    line-height: 1rem;
    font-weight: 400;
    font-size: .875rem;
    line-height: 1.25rem;
    text-align: center;
    margin-bottom: 1rem;
}

.call-widget .ee-widget-wrap .ee-phones {
	color: rgb(78 79 87);
    font-weight: 600;
    font-size: 1.125rem;
    line-height: 1.75rem;
    text-align: center;
    cursor: pointer;
    margin-bottom: 1.5rem;
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.call-widget .ee-widget-wrap .ee-phones a {
	text-decoration-line: none;
    color: rgb(78 79 87 / var(--tw-text-opacity, 1));
}

.call-widget .ee-widget-wrap .ee-label {
	display: flex;
	justify-content: center;
}

.call-widget .ee-widget-wrap .ee-label .ee-border-label {
    text-align: center;
    /**padding-top: .25rem;
    padding-bottom: .25rem;
    padding-left: .375rem;
    padding-right: .375rem;
    background-color: #FFFFFF;
    border-color: #e6e7eb;
    border-width: 1px;
    border-style: solid;
    border-radius: .75rem;
    width: -moz-max-content;
    width: max-content;*/
}

.call-widget .ee-widget-wrap .ee-label .ee-border-label a {
	text-decoration-line: none;
	--tw-text-opacity: 1;
	color: rgb(114 115 115 / var(--tw-text-opacity, 1));
    line-height: 6px;
    font-size: 9px;
}