@font-face {
	font-family: 'TT Norms';
	src: url('../fonts/TTNorms-Regular.ttf') format('truetype');
	font-style: normal;
	font-weight: 400;
}

:root {
	--black: #212121;
	--chat-inner-blocks-height: calc(100% - 70px);
}

.lds-ellipsis {
	display: inline-block;
	position: relative;
	width: 64px;
	height: 12px;
	transform: scale(0.5);
	margin: auto;
	float: none;
	opacity: 0.8;
	margin-top: 4px;
}

.lds-ellipsis div {
	position: absolute;
	width: 11px;
	height: 11px;
	border-radius: 50%;
	background: #fff;
	animation-timing-function: cubic-bezier(0, 1, 1, 0);
}

.butbottom .lds-ellipsis div {
	background: #fff;
}

.lds-ellipsis div:nth-child(1) {
	left: 6px;
	animation: lds-ellipsis1 0.6s infinite;
}

.lds-ellipsis div:nth-child(2) {
	left: 6px;
	animation: lds-ellipsis2 0.6s infinite;
}

.lds-ellipsis div:nth-child(3) {
	left: 26px;
	animation: lds-ellipsis2 0.6s infinite;
}

.lds-ellipsis div:nth-child(4) {
	left: 45px;
	animation: lds-ellipsis3 0.6s infinite;
}

@keyframes lds-ellipsis1 {
	0% {
		transform: scale(0);
	}

	100% {
		transform: scale(1);
	}
}

@keyframes lds-ellipsis3 {
	0% {
		transform: scale(1);
	}

	100% {
		transform: scale(0);
	}
}

@keyframes lds-ellipsis2 {
	0% {
		transform: translate(0, 0);
	}

	100% {
		transform: translate(19px, 0);
	}
}

body {
	font-family: 'TT Norms', sans-serif;
	background-color: #ffffff;
}

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	outline: 0;
}

button,
input,
textarea,
select {
	outline: none;
	border: none;
	font-family: inherit;
}

input::placeholder,
textarea::placeholder {
	font-family: inherit;
}

.custom-checkbox {
	display: flex;
	align-items: center;
	cursor: pointer;
}

.custom-checkbox:not(:first-child) {
	margin-top: 12px;
}

.custom-checkbox input[type='checkbox'] {
	font-size: 0;
	line-height: 0;
	position: absolute;
	z-index: -9999;
	opacity: 0;
	visibility: hidden;
}

.custom-checkbox__text {
	color: #6b6f75;
	font-size: 16px;
	font-weight: 600;
	line-height: 100%;
	transition: color 0.2s ease;
	margin-top: 2px;
}

.custom-checkbox__circle {
	content: '';
	display: block;
	width: 20px;
	height: 20px;
	min-width: 20px;
	border-radius: 4px;
	border: 1px solid #70708a;
	background: #f3f3f3;
	margin-right: 12px;
	background-position: center;
	background-size: 12px;
	background-repeat: no-repeat;
	transition: all 0.2s ease;
	background-color: transparent;
}

.custom-checkbox__radio {
	content: '';
	display: block;
	width: 20px;
	height: 20px;
	min-width: 20px;
	border-radius: 10px;
	border: 1px solid #70708a;
	background: #f3f3f3;
	margin-right: 12px;
	background-position: center;
	background-size: 12px;
	background-repeat: no-repeat;
	transition: all 0.2s ease;
	background-color: transparent;
}

.custom-checkbox input[type='checkbox']:checked + .custom-checkbox__circle {
	background-color: #3773ea;
	border-color: #3773ea;
	background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.4131 1.49463L12 3.08161L4.57656 10.5051L0 5.9286L1.58693 4.34162L4.57656 7.33114L10.4131 1.49463Z' fill='white'/%3E%3C/svg%3E%0A");
}

input[type='radio'] {
	display: none;
}

.custom-checkbox input[type='radio']:checked + .custom-checkbox__radio {
	background-color: #3773ea;
	border-color: #3773ea;
	background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.4131 1.49463L12 3.08161L4.57656 10.5051L0 5.9286L1.58693 4.34162L4.57656 7.33114L10.4131 1.49463Z' fill='white'/%3E%3C/svg%3E%0A");
}

.custom-checkbox:hover .custom-checkbox__text {
	color: var(--black);
}

.custom-checkbox input[type='checkbox']:checked ~ .custom-checkbox__text {
	color: #3773ea;
}

.custom-checkbox input[type='radio']:checked ~ .custom-checkbox__text {
	color: #3773ea;
}

.button-rounded {
	display: inline-block;
	border-radius: 22px;
	border: 1px solid#70708A;
	padding: 14px 60px;
	color: #000;
	font-size: 16px;
	font-weight: 600;
	line-height: 100%;
	transition: all 0.2s ease;
	cursor: pointer;
	margin-top: 12px;
}

.button-rounded:hover {
	border-color: #3773ea;
	background-color: #3773ea;
	color: #fff;
}

.butphone,
.simple-button {
	background: #3773ea;
	color: #fff;
	font-size: 18px;
	border-radius: 30px;
	padding: 14px 60px;
	cursor: pointer;
	transition: all 0.2s ease;
	opacity: 1;
	max-width: 300px;
	width: 100%;
	text-align: center;
	margin-top: 20px;
}

.butphoneshow {
	cursor: pointer;
	opacity: 1;
}

.butphone:hover,
.simple-button:hover {
	background: var(--black);
}

.divbutphone {
	margin-top: 15px;
}

.chat {
	width: 100%;
	margin: 0 auto;
	padding: 0;
	max-width: 80px;
	height: 80px;
	position: fixed;
	right: 30px;
	bottom: 30px;
	z-index: 9999;
	transition: all 0.7s ease;
	max-height: 700px;
	display: flex;
	flex-direction: column-reverse;
}

.chat.chat_active {
	max-width: 530px;
	border-radius: 30px;
	background: #fff;
}

.chat.chat_hidding .chat__outer {
	transition: all 1.4s ease;
}

.chat__outer {
	height: 75px;
	border-radius: 30px;
	position: relative;
	transition: box-shadow 0.3s ease;
}

.chat-header__messsage {
	width: 45px;
	height: 45px;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url("data:image/svg+xml,%3Csvg width='45' height='45' viewBox='0 0 45 45' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M44.3327 24.0417C44.3327 35.1071 35.0069 42.5357 23.5105 42.5357H1L6.04075 34.4881C3.91833 31.6095 2.68829 28.0655 2.68829 24.0417C2.68829 12.9762 12.0141 4 23.5105 4C35.0069 4 44.3327 12.9762 44.3327 24.0417Z' fill='%23212121'/%3E%3Cpath d='M12.9683 25.6314C13.9951 25.6314 14.8274 24.8377 14.8274 23.8587C14.8274 22.8796 13.9951 22.0859 12.9683 22.0859C11.9415 22.0859 11.1091 22.8796 11.1091 23.8587C11.1091 24.8377 11.9415 25.6314 12.9683 25.6314Z' fill='white'/%3E%3Cpath d='M23.5035 25.6314C24.5303 25.6314 25.3627 24.8377 25.3627 23.8587C25.3627 22.8796 24.5303 22.0859 23.5035 22.0859C22.4767 22.0859 21.6443 22.8796 21.6443 23.8587C21.6443 24.8377 22.4767 25.6314 23.5035 25.6314Z' fill='white'/%3E%3Cpath d='M34.0387 25.6314C35.0655 25.6314 35.8979 24.8377 35.8979 23.8587C35.8979 22.8796 35.0655 22.0859 34.0387 22.0859C33.0119 22.0859 32.1796 22.8796 32.1796 23.8587C32.1796 24.8377 33.0119 25.6314 34.0387 25.6314Z' fill='white'/%3E%3C/svg%3E%0A");
	background-size: contain;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 10px;
	opacity: 0;
	z-index: 1;
	cursor: pointer;
}

.chat-header__messsage-count {
	position: absolute;
	right: -15px;
	bottom: 25px;
	color: #fff;
	font-size: 14px;
	font-weight: 700;
	line-height: 125%;
	width: 30px;
	height: 30px;
	background-color: #db1438;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.chat.chat_opened {
	height: 100%;
}

.chat.chat_active .chat__outer {
	box-shadow: 0 4px 30px 0px rgba(0, 0, 0, 0.12);
}

.chat.chat_opened .chat__outer {
	height: 100%;
}

@media (min-width: 767.1px) {
	.chat.chat_active .chat-header__bot-image {
		transform: translate(-16px, -7px);
	}
}

.chat.chat_active .chat-header.chat-header--toggle .chat-header__bot-image {
	opacity: 1;
}

.chat.chat_active .chat-header__content {
	width: 100%;
	height: 75px;
	opacity: 1;
}

.chat.chat_active .chat__outer {
	box-shadow: 0 4px 30px 0px rgba(0, 0, 0, 0.12);
}

.chat__inner {
	display: none;
	height: calc(100% - 65px);
}

.chat.chat_opened .chat__inner {
	display: block;
}

.chat:not(.chat_opened) .chat-header {
	cursor: pointer;
}

.chat-header {
	position: relative;
}

.chat-header.chat-header--toggle .chat-header__bot-image {
	opacity: 0;
}

.chat-header.chat-header--toggle .chat-header__messsage {
	opacity: 1;
}

.chat.chat_opened .chat-header__messsage {
	opacity: 0;
	z-index: -1;
}

.chat-header__bot-image--inner {
	position: relative;
}

.chat-header__content {
	width: 0;
	transition: all 0.3s ease;
	padding: 12px 14px 12px 84px;
	opacity: 0;
	white-space: nowrap;
	overflow: hidden;
}

.chat-body {
	--chat-body-height: 0;
	max-height: var(--chat-body-height);
	height: var(--chat-body-height);
	/* transition: all .5s ease; */
}

.chat_active .chat-body {
	--chat-body-height: calc(100% - 45px);
}

.chat_opened .chat-body__chat {
	--chat-body-height: calc(100% - 45px);
}

.chat_opened .chat-body__chat {
	height: var(--chat-inner-blocks-height);
}

.chat-body__chat {
	-ms-overflow-style: none;
	overflow: auto;
}

.chat-body__chat {
	-ms-overflow-style: none;
	scrollbar-width: none;
}

.chat-body__chat ::-webkit-scrollbar {
	display: none;
	width: 0;
}

.chat-body__inner {
	display: none;
}

.chat-body__inner.chat-body__inner_active {
	display: block;
}

.chat-body__content {
	padding: 20px 30px;
	overflow: hidden;
}

.chat-header__bot-image {
	background-color: #f5f5f5;
	height: 80px;
	width: 80px;
	border-radius: 50%;
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	background-image: url(../img/bot-new.gif);
	position: absolute;
	top: 0;
	left: 0;
	border: 2px solid #3773ea;
	transition: all 0.3s ease;
	z-index: 3;
	transform: translate(10px, -7px);
}

.chat-header__bot-image::before {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	height: 100%;
	transform: translate(-50%, -50%);
	border-radius: 50%;
	background-color: rgba(55, 115, 234, 0.4);
	z-index: -1;
	animation: pulse-ring 1.8s infinite;
}

.chat-header__bot-image.pulse-off::before {
	animation: none;
	display: none; /* Можно просто убрать анимацию, а можно полностью скрыть */
}

@keyframes pulse-ring {
	0% {
		transform: translate(-50%, -50%) scale(1);
		opacity: 0.6;
	}
	70% {
		transform: translate(-50%, -50%) scale(1.8);
		opacity: 0;
	}
	100% {
		transform: translate(-50%, -50%) scale(1.8);
		opacity: 0;
	}
}

.chat-header__bot-message {
	position: absolute;
	bottom: 100%;
	width: 300px;
	right: 0;
	box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.12);
	background-color: #f5f8fe;
	border-radius: 14px;
	padding: 14px 20px;
	transform: translateY(0);
	pointer-events: none;
	z-index: 2;
	opacity: 0;
	transition: all 0.3s ease;
}

.chat-header__bot-message.chat-header__bot-message_flyin {
	opacity: 1;
	transform: translateY(-25px);
}

.chat-header__bot-message::after {
	content: '';
	border: 1px solid #fff;
	border-left-width: 12px;
	border-top-width: 12px;
	transform: rotate(45deg);
	position: absolute;
	bottom: -6px;
	right: 25px;
	z-index: 1;
}

.chat-header__bot-message--position {
	color: #70708a;
	font-size: 13px;
	font-weight: 400;
	line-height: normal;
}

.chat-header__bot-message--text {
	color: var(--black);
	font-size: 16px;
	line-height: 125%;
}

.chat-header__bot-image::after {
	display: block;
	content: '';
	width: 8px;
	height: 8px;
	background: #27ae60;
	border: 2px solid #fff;
	border-radius: 50%;
	position: absolute;
	bottom: 7px;
	right: 4px;
}

.chat-header__bot-name {
	color: var(--black);
	font-size: 18px;
	font-style: normal;
	font-weight: 600;
	line-height: 125%;
}

.chat-header__bot-position {
	color: #70708a;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	/* white-space: normal; */
}

.chat__close-button {
	width: 22px;
	height: 22px;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg clip-path='url(%23clip0_297_661)'%3e%3cpath d='M4.9502 4.95032L17.0496 17.0497' stroke='%234F4F4F' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round'/%3e%3cpath d='M17.0498 4.95032L4.95042 17.0497' stroke='%234F4F4F' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='clip0_297_661'%3e%3crect width='22' height='22' fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e ");
	position: absolute;
	right: 14px;
	top: 14px;
	cursor: pointer;
	opacity: 0;
}

.chat.chat_opened .chat__close-button {
	opacity: 1;
}

.chat-header__buttons {
	display: flex;
	gap: 14px;
	padding: 14px 20px 14px 84px;
	border-bottom: 1px solid #e6e6e6;
}

.chat-header__button {
	display: block;
	padding: 10px 30px;
	font-family: inherit;
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: 125%;
	outline: none;
	border: none;
	border-radius: 20px;
	display: flex;
	align-items: center;
	gap: 4px;
	cursor: pointer;
	background: #f5f5f5;
	transition: all 0.3s ease;
	color: var(--black);
}

.chat-header__button:hover {
	background: #ebebeb;
	color: #3773ea;
}

.chat-header__button.chat-header__button_selected {
	color: #fff;
	background: #3773ea;
}

.chat-header__button::before {
	width: 18px;
	height: 18px;
	display: block;
	content: '';
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	transition: all 0.3s ease;
}

.chat-header__button-chat::before {
	background-image: url('../img/call_black.svg');
	transition: all 0.3s ease;
}

/* .chat-header__button-chat:hover::before {
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M17.9013 9.30951C17.9013 13.7357 14.0862 16.7071 9.38316 16.7071H0.174316L2.23644 13.4881C1.36818 12.3367 0.86498 10.919 0.86498 9.30951C0.86498 4.88332 4.68007 1.29285 9.38316 1.29285C14.0862 1.29285 17.9013 4.88332 17.9013 9.30951Z' fill='white'/%3e%3cpath d='M5.50755 9.72739C6.16904 9.72739 6.70529 9.19013 6.70529 8.52739C6.70529 7.86465 6.16904 7.32739 5.50755 7.32739C4.84606 7.32739 4.30981 7.86465 4.30981 8.52739C4.30981 9.19013 4.84606 9.72739 5.50755 9.72739Z' fill='%23EE5A2B'/%3e%3cpath d='M9.81737 9.72739C10.4789 9.72739 11.0151 9.19013 11.0151 8.52739C11.0151 7.86465 10.4789 7.32739 9.81737 7.32739C9.15587 7.32739 8.61963 7.86465 8.61963 8.52739C8.61963 9.19013 9.15587 9.72739 9.81737 9.72739Z' fill='%23EE5A2B'/%3e%3cpath d='M14.1272 9.72739C14.7887 9.72739 15.3249 9.19013 15.3249 8.52739C15.3249 7.86465 14.7887 7.32739 14.1272 7.32739C13.4657 7.32739 12.9294 7.86465 12.9294 8.52739C12.9294 9.19013 13.4657 9.72739 14.1272 9.72739Z' fill='%23EE5A2B'/%3e%3c/svg%3e ");
} */

/* Для кнопки "Чат" */
.chat-header__button-chat::before {
	background-image: url(../img/message.svg);
	transition: all 0.3s ease;
}

.chat-header__button-chat.chat-header__button_selected::before {
	background-image: url(../img/message-w.svg);
}

/* Для кнопки "Звонок" */
.chat-header__button-call::before {
	background-image: url(../img/phone-w.svg);
	transition: all 0.3s ease;
}

.chat-header__button-call.chat-header__button_selected::before {
	background-image: url(../img/phone.svg);
}

/* .chat-header__button-call::before {
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg clip-path='url(%23clip0_272_1014)'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.3477 2.63049C11.8477 -0.869507 6.15206 -0.869507 2.63032 2.63049C-0.891421 6.13049 -0.891421 11.8479 2.63032 15.3479C6.15206 18.8479 11.8477 18.8696 15.3477 15.3479C17.0434 13.6522 17.9781 11.3696 17.9781 8.97832C17.9999 6.60875 17.0434 4.32615 15.3477 2.63049ZM7.82597 5.5218L7.34771 6.78267C7.30423 6.89136 7.30423 7.0218 7.36945 7.13049C8.15206 8.5218 9.1738 9.76093 10.3694 10.8044C10.4129 10.8479 10.4781 10.8696 10.5216 10.8914C10.5868 10.9131 10.6521 10.9131 10.6955 10.8914L12.0434 10.674C12.2608 10.6305 12.4999 10.674 12.6738 10.8044C12.826 10.9131 12.9781 11.0001 13.1303 11.087C13.2825 11.174 13.4347 11.2609 13.5868 11.3261C13.9999 11.5218 14.1738 12.0218 14.0216 12.4348L13.3694 14.1522C13.2173 14.5653 12.7825 14.8044 12.3477 14.7174C10.326 14.3044 8.21727 12.7609 6.60858 10.8044C4.99988 8.84788 3.91293 6.47832 3.91293 4.43484C3.91293 4.00006 4.23901 3.63049 4.65206 3.54354L6.4564 3.23919C6.91293 3.17397 7.34771 3.43484 7.4564 3.89136C7.49988 4.04354 7.54336 4.21745 7.60858 4.39136C7.6738 4.56528 7.71727 4.71745 7.78249 4.89136C7.91293 5.08701 7.91293 5.32615 7.82597 5.5218Z' fill='%23212121'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='clip0_272_1014'%3e%3crect width='18' height='18' fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e ");
}

.chat-header__button-call:hover::before {
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg clip-path='url(%23clip0_272_1018)'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.3477 2.63049C11.8477 -0.869507 6.15206 -0.869507 2.63032 2.63049C-0.891421 6.13049 -0.891421 11.8479 2.63032 15.3479C6.15206 18.8479 11.8477 18.8696 15.3477 15.3479C17.0434 13.6522 17.9781 11.3696 17.9781 8.97832C17.9999 6.60875 17.0434 4.32615 15.3477 2.63049ZM7.82597 5.5218L7.34771 6.78267C7.30423 6.89136 7.30423 7.0218 7.36945 7.13049C8.15206 8.5218 9.1738 9.76093 10.3694 10.8044C10.4129 10.8479 10.4781 10.8696 10.5216 10.8914C10.5868 10.9131 10.6521 10.9131 10.6955 10.8914L12.0434 10.674C12.2608 10.6305 12.4999 10.674 12.6738 10.8044C12.826 10.9131 12.9781 11.0001 13.1303 11.087C13.2825 11.174 13.4347 11.2609 13.5868 11.3261C13.9999 11.5218 14.1738 12.0218 14.0216 12.4348L13.3694 14.1522C13.2173 14.5653 12.7825 14.8044 12.3477 14.7174C10.326 14.3044 8.21727 12.7609 6.60858 10.8044C4.99988 8.84788 3.91293 6.47832 3.91293 4.43484C3.91293 4.00006 4.23901 3.63049 4.65206 3.54354L6.4564 3.23919C6.91293 3.17397 7.34771 3.43484 7.4564 3.89136C7.49988 4.04354 7.54336 4.21745 7.60858 4.39136C7.6738 4.56528 7.71727 4.71745 7.78249 4.89136C7.91293 5.08701 7.91293 5.32615 7.82597 5.5218Z' fill='%23EE5A2B'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='clip0_272_1018'%3e%3crect width='18' height='18' fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e ");
}

.chat-header__button-call.chat-header__button_selected::before {
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg clip-path='url(%23clip0_272_1022)'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.3477 2.63049C11.8477 -0.869507 6.15206 -0.869507 2.63032 2.63049C-0.891421 6.13049 -0.891421 11.8479 2.63032 15.3479C6.15206 18.8479 11.8477 18.8696 15.3477 15.3479C17.0434 13.6522 17.9781 11.3696 17.9781 8.97832C17.9999 6.60875 17.0434 4.32615 15.3477 2.63049ZM7.82597 5.5218L7.34771 6.78267C7.30423 6.89136 7.30423 7.0218 7.36945 7.13049C8.15206 8.5218 9.1738 9.76093 10.3694 10.8044C10.4129 10.8479 10.4781 10.8696 10.5216 10.8914C10.5868 10.9131 10.6521 10.9131 10.6955 10.8914L12.0434 10.674C12.2608 10.6305 12.4999 10.674 12.6738 10.8044C12.826 10.9131 12.9781 11.0001 13.1303 11.087C13.2825 11.174 13.4347 11.2609 13.5868 11.3261C13.9999 11.5218 14.1738 12.0218 14.0216 12.4348L13.3694 14.1522C13.2173 14.5653 12.7825 14.8044 12.3477 14.7174C10.326 14.3044 8.21727 12.7609 6.60858 10.8044C4.99988 8.84788 3.91293 6.47832 3.91293 4.43484C3.91293 4.00006 4.23901 3.63049 4.65206 3.54354L6.4564 3.23919C6.91293 3.17397 7.34771 3.43484 7.4564 3.89136C7.49988 4.04354 7.54336 4.21745 7.60858 4.39136C7.6738 4.56528 7.71727 4.71745 7.78249 4.89136C7.91293 5.08701 7.91293 5.32615 7.82597 5.5218Z' fill='white'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='clip0_272_1022'%3e%3crect width='18' height='18' fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e ");
} */

.chat-footer {
	padding: 10px 30px 14px 30px;
	border-top: 1px solid #e6e6e6;
	opacity: 0;
	transition: opacity 0.7s ease;
}

.chat.chat_opened .chat-footer {
	opacity: 1;
}

.chat-footer__content {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.chat-footer__copyright,
.chat-footer__copyright a {
	color: #c3c2d0;
	text-align: right;
	font-family: inherit;
	font-size: 9px;
	font-style: normal;
	font-weight: 600;
	line-height: 100%;
	text-decoration: none;
	display: none;
}

.chat-footer__botprint {
	height: 20px;
}

.chat-body__call {
	height: var(--chat-inner-blocks-height);
}

.chat_main-text {
	color: #70708a;
	text-align: center;
	font-size: 16px;
	font-weight: 400;
	line-height: normal;
}

.chat_main-heading {
	color: var(--black);
	text-align: center;
	font-size: 18px;
	font-weight: 700;
	line-height: 100%;
	text-transform: uppercase;
}

.chat_main-subtitle {
	color: var(--black);
	text-align: center;
	font-size: 20px;
	font-weight: 400;
	line-height: normal;
}

.chat-call__inner {
	height: 100%;
	padding: 20px;
	display: flex;
	flex-direction: column;
	align-items: center;
	max-width: 330px;
	justify-content: center;
	margin: auto;
}

.chat-call__image {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60' viewBox='0 0 60 60' fill='none'%3E%3Cg clip-path='url(%23clip0_284_1577)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M51.1594 8.76807C39.4928 -2.8986 20.5073 -2.8986 8.76812 8.76807C-2.97101 20.4347 -2.97101 39.4927 8.76812 51.1594C20.5073 62.826 39.4928 62.8985 51.1594 51.1594C56.8116 45.5072 59.9275 37.8985 59.9275 29.9275C60 22.0289 56.8116 14.4202 51.1594 8.76807ZM26.8116 20.5072L25.5073 23.9855C25.3623 24.2753 25.3623 24.6376 25.5073 24.9275C27.6812 28.6956 30.4348 32.1014 33.6957 35C33.8406 35.1449 33.9855 35.2173 34.1304 35.2173C34.2754 35.2898 34.4928 35.2898 34.6377 35.2173L38.2609 34.5652C38.8406 34.4927 39.4928 34.5652 40 34.9275C40.4348 35.2173 40.7971 35.4347 41.2319 35.7246C41.6667 35.942 42.029 36.1594 42.4638 36.3768C43.5507 36.9565 44.058 38.2608 43.6232 39.4202L41.8116 44.1304C41.3768 45.2173 40.2174 45.8695 39.058 45.6521C33.5507 44.5652 27.7536 40.2898 23.4058 34.9275C19.058 29.5652 16.087 23.1159 16.087 17.4637C16.087 16.2318 16.9565 15.2173 18.1159 15.0724L23.1159 14.2753C24.3478 14.0579 25.5073 14.855 25.8696 16.0144C26.0145 16.4492 26.1594 16.884 26.3044 17.3188C26.4493 17.7536 26.5942 18.2608 26.8116 18.6956C27.029 19.2753 27.029 19.9275 26.8116 20.5072Z' fill='%23212121'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_284_1577'%3E%3Crect width='60' height='60' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
	width: 60px;
	height: 60px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}

.chat-call__heading {
	margin-top: 30px;
}

.chat-call__text {
	margin-top: 10px;
}

.chat-call__input {
	padding: 14px 20px;
	margin-top: 30px;
}

.chat-body__success {
	height: var(--chat-inner-blocks-height);
}

.chat-success__inner {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	height: 100%;
}

.chat-success__image {
	--size: 60px;
	width: 60px;
	height: 60px;
	background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_284_1661)'%3E%3Cpath d='M51.184 8.7442C45.5197 3.1041 37.9991 0 30.0006 0H29.958C25.8793 0.00549316 21.9215 0.821686 18.1935 2.42523C14.5986 3.97202 11.3769 6.17844 8.61751 8.98407C2.94078 14.7556 -0.118453 22.3668 0.00376975 30.4152C0.0774697 35.3018 1.36379 40.1395 3.72218 44.404C3.76659 44.4841 3.77712 44.5738 3.75148 44.6507L0.300858 54.9843C-0.142257 56.3118 0.176804 57.7711 1.13399 58.7929C1.86504 59.5738 2.87532 60 3.91582 60C4.23946 60 4.56584 59.9588 4.88719 59.8746L16.5506 56.8108C16.6192 56.7924 16.6934 56.8002 16.7593 56.8327C20.9057 58.8734 25.3607 59.908 29.9997 59.908C38.0069 59.908 45.5453 56.7741 51.2271 51.0846C56.896 45.4074 60.0116 37.8873 59.9996 29.9098C59.9887 21.9104 56.8576 14.3935 51.184 8.7442ZM48.7396 48.6003C43.7225 53.6247 37.0671 56.3919 30.0001 56.3919C25.9036 56.3919 21.9709 55.4791 18.3116 53.6783C17.4871 53.2722 16.5446 53.177 15.6575 53.41L3.99455 56.4738C3.87965 56.5041 3.78078 56.4757 3.69975 56.3896C3.58074 56.2624 3.62193 56.1388 3.63567 56.098L7.08629 45.7635C7.42229 44.7565 7.31792 43.6409 6.79881 42.7025C4.71874 38.941 3.5844 34.6733 3.51894 30.3616C3.4109 23.2617 6.11171 16.545 11.1238 11.4491C16.1459 6.34323 22.8366 3.5257 29.963 3.51562H30.0001C37.062 3.51562 43.7028 6.25626 48.7034 11.2354C53.7109 16.2213 56.4744 22.8552 56.4845 29.9149C56.4946 36.9525 53.7439 43.5883 48.7396 48.6003Z' fill='%23EE5A2B'/%3E%3Cpath d='M41.4144 20.0775L26.0683 35.4241C25.6426 35.8498 24.9504 35.8493 24.5252 35.4241L18.5852 29.4841C17.899 28.7975 16.7858 28.7975 16.0996 29.4841C15.4129 30.1703 15.4129 31.2836 16.0996 31.9702L22.0395 37.9102C22.9377 38.8083 24.1173 39.2574 25.297 39.2574C26.4766 39.2574 27.6563 38.8083 28.554 37.9102L43.9005 22.5632C44.5871 21.877 44.5871 20.7637 43.9005 20.0771C43.2143 19.3909 42.101 19.3909 41.4144 20.0775Z' fill='%23EE5A2B'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_284_1661'%3E%3Crect width='60' height='60' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}

.chat-success__heading {
	margin-top: 30px;
}

.chat-success__subtitle {
	margin-top: 10px;
}

.chat-success__text {
	margin-top: 40px;
}

.message {
	transition: all 500ms ease;
}

.message:not(:first-child) {
	margin-top: 30px;
}

.message.meshide {
	pointer-events: none;
}

.mesuser {
	width: 85%;
	max-width: 295px;
	margin-right: 0;
	margin-left: auto;
}

.mestext {
	font-weight: 400;
	font-size: 16px;
	line-height: 20px;
	color: var(--black);
	display: inline-block;
	padding: 14px 24px;
	max-width: 585px;
	border-radius: 14px;
	position: relative;
	background: #f3f3f3;
	font-family: 'TT Norms', sans-serif;
}

.message-contact .mestext {
	max-width: 300px;
	width: 100%;
}

.call-input-time {
	margin-top: 20px;
}

.chat-call__button {
	margin-top: 20px;
	max-width: none;
}

.chat-call__agreement {
	margin-top: 30px;
}

.chat-call__agreement .custom-checkbox__text {
	font-size: 13px;
	line-height: 125%;
	color: #bdbdbd;
}

.chat-call__agreement .custom-checkbox__text a {
	font-size: inherit;
	line-height: inherit;
	color: #3773ea;
}

.mesitems-in-mestext {
	margin-top: 10px;
}

.mestext + .mestext {
	margin-top: 14px;
}

.mesbot .mestext::before {
	display: block;
	content: '';
	position: absolute;
	left: -12px;
	bottom: 14px;
	width: 12px;
	height: 16px;
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='12' height='16' viewBox='0 0 12 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12 16L6.99382e-07 8L12 9.53674e-07L12 16Z' fill='%23F3F3F3'/%3e%3c/svg%3e ");
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}

.botprint {
	color: #70708a;
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: 100%;
}

.botprintshow {
	transform: scale(1);
	opacity: 1;
}

.mesuser .mestext {
	background: #3773ea;
	color: #fff;
	border-radius: 14px;
}

.mesuser .mestext::before {
	display: block;
	content: '';
	position: absolute;
	right: -10px;
	bottom: 12px;
	width: 12px;
	height: 16px;
	background-image: url('../img/triangle.svg');
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}

.mesbot.meshide {
	opacity: 0;
	transform: translateX(-40px);
}

.mesbot.meshide2 {
	opacity: 0;
	transform: translateY(-10px);
}

.messbot-input-phone + .mestext {
	margin-top: 30px;
}

.mesuser.meshide {
	opacity: 0;
	transform: translateX(40px);
}

.mesuser.meshide2 {
	opacity: 0;
	transform: translateY(-10px);
}

.butslink {
	margin-top: 13px;
	max-width: 580px;
	transition: all 0.3s ease;
	opacity: 1;
}

.butslinkhide {
	opacity: 0;
	transform: translateY(-10px);
}

.butlinkshow {
	display: inline-block;
	padding: 12px 20px 13px;
	text-align: center;
	transition: all 0.2s ease;
	cursor: pointer;
	user-select: none;
	background: #ffffff;
	box-shadow: 0px 1px 8px rgba(38, 36, 60, 0.05);
	border-radius: 30px;
	color: #ffcc33;
	font-size: 15px;
	margin-bottom: 10px;
	white-space: nowrap;
}

.butlinkact {
	background: #fff;
	color: #000;
}

.butlink:last-child {
	margin-right: 0 !important;
	max-width: fit-content;
}

.buthide {
	display: none;
}

.butlinkcountry {
	display: grid;
	grid-template-columns: 26px 1fr;
	grid-gap: 2px 10px;
}

.inptext {
	width: 100%;
	padding: 17px 20px;
	color: #333;
	font-size: 16px;
	transition: all 0.2s ease;
	letter-spacing: 0.3px;
	border-radius: 34px;
	border: 1px solid #c7c7c7;
	transition: all 0.2s ease;
}

.inptext:focus {
	border-color: #9c9c9c;
}

.inpphone,
.inpname {
	max-width: 300px;
	margin-top: 7px;
}

.mesuser .mescont {
	text-align: right;
}

.hideop {
	opacity: 0;
}

.butlink.butlinkdisable2 {
	cursor: default;
	background: #fff;
	color: #ffcc33;
}

.butlink.butlinkact.butlinkdisable2 {
	color: #333333;
}

.butphone.butlinkdisable2 {
	background: #ffcc33;
	cursor: default;
}

.inperror {
	border: 1px solid #db1438;
}

.error-message {
	color: #db1438;
	font-size: 14px;
	margin-top: 6px;
}

.chat-call__inner .error-message {
	margin-bottom: -13px;
}

.message-contact .error-message {
	margin-bottom: -13px;
	text-align: center;
	max-width: 300px;
}

.autoslink {
	margin-top: 20px;
	max-width: 510px;
	transition: all 0.3s ease;
	opacity: 1;
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 10px;
}

.autolink {
	background: #fff;
	padding: 16px;
	transition: all 0.2s ease;
	position: relative;
	cursor: pointer;
	border-radius: 14px;
	border: 1px solid #ededed;
	box-shadow: 0px 1px 8px 0px rgba(38, 36, 60, 0.05);
}

.autoname {
	color: var(--black);
	font-size: 16px;
	font-weight: 700;
	line-height: 125%;
}

.autoprice {
	color: #828282;
	font-size: 16px;
	line-height: 148%;
	font-weight: 400;
	white-space: nowrap;
}

.autoprofit {
	font-size: 14px;
	line-height: 125%;
	font-weight: 400;
	color: #70708a;
	width: max-content;
}

.autotag {
	position: absolute;
	top: 10px;
	left: 10px;
	color: #fff;
	padding: 5px 10px;
	border-radius: 6px;
	background: var(--black);
	font-size: 10px;
	font-weight: 700;
	line-height: 100%;
	text-transform: uppercase;
}

.autolink.active {
	position: relative;
	z-index: 1;
	opacity: 1;
	overflow: visible;
}

.goodopac {
	opacity: 0.75;
}

.goodchoice {
	border: 2px solid #3773ea;
	opacity: 1;
}

.goodmark {
	width: 22px;
	height: 22px;
	background-color: #3773ea;
	background-repeat: no-repeat;
	background-size: auto;
	background-position: center;
	background-image: url("data:image/svg+xml,%3Csvg width='12' height='9' viewBox='0 0 12 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 4.16678L4.5 7.5L7.75 4.25L11 1' stroke='white' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
	border-radius: 50%;
	position: absolute;
	top: 7px;
	right: 7px;
	opacity: 0;
	transition: all 0.2s ease;
	z-index: 10;
}

.goodchoice .goodmark {
	opacity: 1;
}

.autoslink + .butslink {
	max-width: 510px;
	margin-top: 26px;
}

.autoafter {
	margin-top: 20px;
	display: inline-block;
	background: #ffffff;
	padding: 15px 20px;
	max-width: 560px;
	color: #05141f;
	font-size: 16px;
	font-weight: 400;
	line-height: 148%;
	box-shadow: 0 4px 10px rgba(38, 36, 60, 0.08);
	border-radius: 0 15px 15px 15px;
}

.work-butlink {
	display: flex;
	align-items: center;
	color: #70708a;
	font-size: 16px;
	font-weight: 400;
	line-height: 100%;
	border-radius: 25px;
	background: #fff;
	box-shadow: 0px 1px 8px 0px rgba(38, 36, 60, 0.05);
	transition: all 0.2s ease;
	padding: 10px;
	cursor: pointer;
	border: 1px solid transparent;
}

.work-butlink[data-usertext='Другой'],
.work-butlink[data-usertext='Другая'],
.work-butlink[data-usertext='Другие'] {
	padding: 10px 20px;
}

.work-butlink:hover {
	border-color: 1px solid #979797;
	color: var(--black);
}

.work-butlink.butlinkact {
	border-color: #3773ea;
	border-width: 2px;
	padding: 10px;
	color: #3773ea;
}

.work_area {
	display: flex;
	flex-wrap: wrap;
	gap: 14px 10px;
	margin-top: 14px;
}

.color-bulink__rect {
	width: 26px;
	height: 26px;
	margin-right: 8px;
	border-radius: 50%;
	min-width: 26px;
}

.items-wrap {
	display: flex;
	flex-direction: column;
	margin-top: 5px;
	gap: 14px;
	padding: 10px 0;
}

.recall-call__time.service__inp {
	display: grid;
	gap: 14px;
	align-items: center;
	justify-content: space-between;
}

.recall-btn {
	position: relative;
	transition: all 0.2s ease;
	cursor: pointer;
	user-select: none;
	display: flex;
	align-items: center;
	color: #6b6f75;
	font-size: 16px;
	font-weight: 600;
}

.recall-btn::before {
	content: '';
	display: block;
	line-height: 17px;
	width: 20px;
	height: 20px;
	border-radius: 4px;
	border: 1px solid #70708a;
	background: #f3f3f3;
	z-index: 3;
	margin-right: 12px;
}

.recall-btn.active::before {
	background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.4131 1.49463L12 3.08161L4.57656 10.5051L0 5.9286L1.58693 4.34162L4.57656 7.33114L10.4131 1.49463Z' fill='white'/%3E%3C/svg%3E%0A");
	background-color: #3773ea;
	background-repeat: no-repeat;
	background-size: auto;
	background-position: center;
	border: 1px solid #3773ea;
}

@media (max-width: 767px) {
	.chat-body__content {
		padding: 20px 110px 20px 30px;
	}
	.mestext {
		padding: 9px 13px 10px;
		font-size: 14px;
		line-height: 19px;
	}

	.butslink {
		margin-top: 15px;
	}

	.butlink,
	.butlinkshow {
		padding: 8px 15px 10px;
		font-size: 14px;
	}

	.inptext {
		padding: 13px 20px;
	}

	.butphone {
		padding: 13px 50px 14px;
	}

	.chat__outer {
		border-radius: 30px;
	}

	.autoslink {
		grid-template-columns: 1fr;
	}

	.autolink {
		width: 220px;
	}

	.autoafter {
		font-size: 14px;
		line-height: 148%;
	}

	.chat {
		width: 100%;
		max-width: 60px;
		height: 75px;
		max-height: 100%;
		right: 15px;
		bottom: 15px;
	}

	.chat__outer {
		height: 60px;
	}

	.chat.chat_active {
		max-width: 85%;
	}

	.chat.chat_opened {
		max-width: 100%;
	}

	.chat.chat_opened .chat-header {
		padding: 20px 12px 0;
	}

	.chat.chat_active .chat__outer {
		height: 100%;
	}

	.chat.chat_active .chat-header {
		display: grid;
		grid-template-columns: 60px 1fr;
		gap: 15px;
	}

	.chat-header__content {
		padding: 12px 14px 12px 0;
	}

	.chat.chat_active .chat-header__content {
		width: 100%;
		height: auto;
		white-space: normal;
	}

	.chat-header__bot-position {
		font-size: 12px;
	}

	.chat__outer {
		border-radius: 30px;
	}

	.chat.chat_opened .chat__outer {
		border-radius: 0;
	}

	.chat-header__buttons {
		padding: 14px 12px 14px;
	}

	.chat_active .chat-body {
		--chat-body-height: calc(100% - 80px);
	}

	.chat.chat_opened {
		right: 0;
		bottom: 0;
	}

	.chat-header__bot-image {
		height: 60px;
		transform: translate(0, 0);
		width: 60px;
	}

	.custom-checkbox__text {
		font-size: 14px;
		margin-top: 3px;
	}

	.chat-header__bot-image::after {
		bottom: 2px;
		right: 2px;
	}

	.chat-header__bot-message {
		width: 280px;
		right: 0;
		padding: 12px 18px;
	}

	.chat-header__bot-message.chat-header__bot-message_flyin {
		transform: translateY(-15px);
	}

	.chat-header__bot-message--text {
		font-size: 14px;
	}
}

@media (max-width: 688px) {
	.chat-body__content {
		padding: 20px 30px;
		overflow: hidden;
	}
}

@media (max-width: 400px) {
	.chat.chat_active .chat-header__content {
		padding: 0;
	}
}

.custom-checkbox__circle.error {
	border-color: #ff1b1b !important;
	animation: shake 0.35s;
}
@keyframes shake {
	0% { transform: translateX(0); }
	15% { transform: translateX(-6px); }
	30% { transform: translateX(6px); }
	45% { transform: translateX(-4px); }
	60% { transform: translateX(4px); }
	75% { transform: translateX(-2px); }
	100% { transform: translateX(0); }
}