@font-face {
	font-family: "Muna";
	src: url("../fonts/Muna.eot");
	src: url("../fonts/Muna.eot?#iefix") format("embedded-opentype"),
		url("../fonts/Muna.woff2") format("woff2"),
		url("../fonts/Muna.woff") format("woff"),
		url("../fonts/Muna.ttf") format("truetype"),
		url("../fonts/Muna.svg#Muna") format("svg");
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

:root{
	--viber-color: #7c509a;
	--telegram-color: #27a6e5;
	--whatsapp-color: #25d366;
}

.viber-color{
	color: var(--viber-color);
}
.telegram-color{
	color: var(--telegram-color);
}
.whatsapp-color{
	color: var(--whatsapp-color);
}

div,
form,
input,
p,
a,
span {
	box-sizing: border-box;
}

ul,
li,
p {
	display: block;
	padding: 0;
	margin: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0;
	padding: 0;
}

a,
a:hover,
button {
	text-decoration: none;
	cursor: pointer;
	transition: all 0.3s ease-in-out;
}

a:hover {
	color: #a88ccc;
}

button:active,
button:focus,
input:active,
input:focus {
	outline: none !important;
	text-decoration: none !important;
}

button:hover {
	cursor: pointer;
}

section,
footer,
header {
	overflow: hidden;
}

:focus {
	outline: none !important;
}

.svg path {
	transition: all 0.3s ease-in-out;
}

button {
	border: none;
	background: transparent;
}

.btn {
	transition: all 0.3s ease-in-out;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 240px;
	height: 54px;
	background-size: 300% 100%;
	background-image: linear-gradient(
		to right,
		#2a86ff,
		#b567ff,
		#a3a1ff,
		#59bfdf
	);
	box-shadow: 0 4px 15px 0 rgba(126, 52, 161, 0.75);
	border-radius: 5px;
	color: #fff;
	font-weight: 500;
	font-size: 16px;
	line-height: 27px;
	cursor: pointer;
	padding: 0;
	border: 0;
	position: relative;
}

.btn:hover {
	background-position: 100% 0;
	box-shadow: none;
	color: #fff;
}

.btn-outline {
	background: #fff;
	border: 5px solid #b966ff;
	color: #000;
}

.btn-outline:hover {
	background: #b966ff;
	color: #fff;
}

@media (min-width: 1500px) {
	.container,
	.container-lg,
	.container-md,
	.container-sm,
	.container-xl {
		max-width: 1444px;
	}
}

body {
	background: #fff;
	font-size: 16px;
	font-family: "Montserrat", sans-serif;
	color: #000;
}

h1, h2.hero__title {
	font-weight: 600;
	font-size: 46px;
	line-height: 137%;
	text-wrap: balance;
	color: #25252c;
}

h2 {
	font-weight: 600;
	font-size: 36px;
	line-height: 175%;
	color: #25252c;
}

h3 {
	font-weight: 600;
	font-size: 22px;
	line-height: 150%;
	color: #25252c;
}

.hero__title{
	container-type: inline-size;
}

.messengers{
	width: 100%;
	white-space: nowrap;
}


.modal-crm .modal-dialog {
	max-width: max-content;
}

.modal-crm .modal-content {
	padding: 50px 35px;
}

.modal-crm .system__btn::after {
	display: none;
}

.modal-crm .btn-close {
	position: absolute;
	top: 10px;
	right: 10px;
}

.modal-crm h2 {
	text-align: center;
}

.modal-video .modal-dialog {
	max-width: 55%;
	width: 100%;
	height: 100%;
	margin: 0 auto;
}

.modal-video .modal-content {
	width: 100%;
	height: 60%;
}

.modal-video .btn-close {
	position: absolute;
	top: 5px;
	right: 5px;
	background: url(../img/closer-btn.svg) no-repeat center/cover;
}

.modal-video .modal-content iframe {
	width: 100%;
	height: 100%;
}

.oldEchat {
	padding: 50px 0;
}

.actualYear {
	padding: 50px 0;
}

.oldEchat__title {
	text-align: center;
	font-weight: 500;
	line-height: 140%;
}

@media screen and (max-width: 840px) {
	.hd {
		display: none;
	}
}

@media screen and (max-width: 575px) {
	.tarif__main__title {
		padding: 0 5px;
	}

	.month__list__item {
		width: 220px !important;
	}

	.calculator {
		padding: 20px !important;
	}

	.input__container {
		flex-direction: column;
		align-items: flex-start !important;
	}

	.modal-video .modal-dialog {
		max-width: 80%;
	}
}

.dev {
	padding: 70px 0 50px;
}

.button__container {
	width: 100%;
	display: flex;
	justify-content: start;
}

.business__button {
	padding: 10px 5px;
	background: linear-gradient(to right, blue, orange);
	color: white;
	letter-spacing: 2px;
}

.toastify .on {
	background-color: brown;
	/* здесь можно указать любой цвет в формате hex, rgb, rgba, hsl и т.д. */
}

.business__img {
	width: 50px;
	margin-right: 10px;
}

.business__list__item {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 20px;
	margin-right: 15px;
}

.business__list__item:nth-last-child(3) {
	margin-right: 0;
}

.business__list__item:nth-last-child(2) {
	margin-right: 0;
}

.business__list__item:nth-last-child(1) {
	margin-right: 0;
}

.business__list {
	column-count: 2;
	width: 850px;
	margin-right: 0;
}

.dev__flex {
	display: flex;
	align-items: center;
	justify-content: center;
}

.dev__image {
	max-width: 32%;
	/*width: 100%;*/
}

.errorLength {
	background-color: #f0ad4e;
	border: 1px solid red;
}

.dev__image img {
	width: 318px;
	height: 480px;
}

.dev__offer {
	/*max-width: 36%;*/
	/*width: 750px;*/
	/*width: 100%;*/
	max-width: 100%;
}

.actual__title {
	color: #25252c;
	text-align: center;
}

.actual__subtitle {
	width: 700px;
	margin: 0 auto;
	text-align: center;
}

.oldEchat__title {
	margin-bottom: 30px;
	text-align: center;
}

.test {
	width: 230px;
}

.tested {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
}

.tested__subtitle {
	font-size: 30px;
	padding: 20px 15px;
	padding-right: 30px;
	font-weight: normal;
}

.tested__subtitle__span {
	font-size: 36px;
	font-weight: 600;
}

.oldEchat__title__span {
	display: flex;
	justify-content: center;
	text-align: center;
}

.link__container {
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.buttonFree {
	padding: 10px 50px;
	background: linear-gradient(to right, #9e40f8, #d70a0a);
	color: white;
	letter-spacing: 2px;
}

.question {
	padding: 50px 0;
}

.question .container{
	width:100%;
}

.accordion-body {
	padding-top:6px
}

.question__item {
	padding: 20px 10px 30px;
	border-top: 1px solid #f3f3f3;
	transition: all 0.3s ease-in-out;
}

.question__item:last-child {
	border-bottom: 1px solid #f3f3f3;
}

.question__item.hide {
	opacity: 0;
}

.question__subtitle {
	width: 100%;
  display: flex;
  justify-content: space-between;
	margin-right: 15px;
	font-weight: 500;
	font-size: 20px;
	line-height: 27px;
	color: #000000;
	opacity: 1;
	text-align: left;
	transition: all 0.3s ease-in-out;
}

.question__subtitle.hide {
	transition: all 0.01s ease-in-out;
}

.question__plus {
	margin-left: 15px;
	color: #2a86ff;
	font-size: 34px;
}

.shortPass {
	font-size: 14px;
	font-weight: 500;
	color: red;
}

.question__plus::before {
	content: "+";
	color: #2a86ff;
	font-size: 34px;
}

.question__plus.minus::before {
	content: "-";
	color: #2a86ff;
	font-size: 36px;
}

.question .accordion-button:focus{
border-color: transparent;
outline:0;
box-shadow:0 0 0 .25rem transparent;
}

.question .accordion-button{
	color: initial;
  background-color: transparent;
	border: none;
}

/* TODO: NOT USE... */
.content {
	transition: all 0.3s ease-in-out;
	display: none;
}

.show-content {
	margin-top: 5px;
	display: block;
	transition: all 0.3s ease-in-out;
}

.connect {
	padding: 50px 0;
}

.connect__wrap {
	background: url(../img/connect_bg.jpg) no-repeat center/cover;
	border-radius: 20px;
	overflow: hidden;
	text-align: center;
	padding: 22px;
	color: #fff;
	max-width: 1260px;
	margin: 0 auto;
}

.connect__wrap h2 {
	color: #fff;
}

.connect .btn {
	box-shadow: 0px 0px 8px #ffffff;
}

.connect__flex {
	margin: 29px 0 0 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	/*width: 100%;*/
	/*align-items: flex-start;*/
	/*justify-content: space-around;*/
}

.business_btn {
	margin-top: 30px;
	width: 500px;
}

.business__list__text {
	width: 850px;
}

.registration {
	padding: 50px 0;
	background: url(../img/bg1.png) no-repeat center/cover;
}

.registration__flex {
	display: flex;
	align-items: center;
	justify-content: space-around;
	margin: 40px 0;
}

.errorLength {
	width: 800px;
}

.inp {
	border-radius: 11px;
	background: #e4e2f4;
	width: 394px;
	height: 50px;
	margin-bottom: 8px;

	font-style: normal;
	font-weight: 500;
	font-size: 14px;
	line-height: 135.7%;
	color: rgba(0, 0, 0, 0.46);
	border: 1px solid transparent;
	padding-left: 22px;
}

.error {
	border: 1px solid red;
}

.form__subtitle {
	display: inline;
	text-align: center;
	font-style: normal;
	font-weight: 500;
	font-size: 12px;
	line-height: 135.7%;
	color: #656565;
	margin-top: 7px;
}

.form-select {
	width: auto;
	margin: 10px;
}

.a1 {
	text-decoration: underline;
	font-style: normal;
	font-weight: 500;
	font-size: 12px;
	line-height: 135.7%;
	color: #7a70df;
	display: inline;
}

.a2 {
	margin-bottom: 15px;
	font-style: normal;
	font-weight: 500;
	font-size: 14px;
	line-height: 135.7%;
	color: #7a70df;
	text-decoration: underline;
}

.reg-block {
	width: 453px;
	/*height: 600px;*/
	background: rgba(255, 255, 255, 0.67);
	backdrop-filter: blur(6.5px);
	border-radius: 15px;
	align-items: center;
	justify-content: center;
	display: flex;
	flex-direction: column;
}

.registration__btn {
	transition: all 0.3s ease-in-out;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 200px;
	height: 50px;
	background-size: 300% 100%;
	background-image: linear-gradient(
		to right,
		#2a86ff,
		#b567ff,
		#a3a1ff,
		#59bfdf
	);
	box-shadow: 0 4px 15px 0 rgba(126, 52, 161, 0.75);
	border-radius: 5px;
	color: #fff;
	font-weight: 500;
	font-size: 16px;
	line-height: 27px;
	cursor: pointer;
	padding: 0;
	border: 0;
	position: relative;
	margin: 15px 0;
}

.registration__btn:hover {
	background-position: 100% 0;
	box-shadow: none;
	color: #fff;
}

.input__form {
	padding-top: 15px;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.input__title {
	font-size: 30px;
	font-weight: normal;
	margin-bottom: 15px;
}

.connect__item {
	max-width: 29%;
	width: 100%;
	margin-right: 25px;
	margin-bottom: 25px;
}

.connect__name {
	font-weight: bold;
	font-size: 24px;
	line-height: 112%;
	margin: 10px 0;
}

.connect__num {
	font-family: "Muna";
	font-weight: normal;
	font-size: 90px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	border: 3px solid #ffffff;
	width: 98px;
	height: 98px;
	border-radius: 50%;
	margin: 0 auto;
}

.connect__btn {
	margin: auto 0;
}

.system {
	padding: 60px 0;
	text-align: center;
}

.system__wrap {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 100px;
}

.system__btn {
	border-radius: 5px;
	width: 220px;
	height: 54px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 600;
	font-size: 32px;
	line-height: 27px;
	border: 1px solid transparent;
	position: relative;
}

.system__btn_bitrix {
	background: #76daf8;
	box-shadow: 0px 0px 10px #76daf8;
	color: #ffffff;
}

.system__btn_bitrix:hover {
	background: #fff;
	border: 1px solid #76daf8;
	color: #76daf8;
}

.system__btn_bitrix::after {
	content: "";
	display: block;
	width: 347px;
	height: 196px;
	background: url(../img/bitrix.png) no-repeat center/cover;
	position: absolute;
	top: -20px;
	left: 20px;
	z-index: -1;
}

.system__btn_amo {
	background: #162b3a;
	box-shadow: 0px 0px 10px #162b3a;
	color: #bce2f5;
	margin: 0 106px;
}

.system__btn_amo:hover {
	background: #fff;
	border: 1px solid #162b3a;
	color: #162b3a;
}

.system__btn_amo::after {
	content: "";
	display: block;
	width: 377px;
	height: 73px;
	background: url(../img/amo.png) no-repeat center/cover;
	transform: rotate(-9.67deg);
	position: absolute;
	top: -80px;
	left: 10px;
	z-index: -1;
}

.system__btn_crm {
	background: #7b529d;
	box-shadow: 0px 0px 10px #7b529d;
	color: #ffffff;
}

.system__btn_crm:hover {
	background: #fff;
	border: 1px solid #7b529d;
	color: #7b529d;
}

.system__btn_crm::after {
	content: "";
	display: block;
	width: 197px;
	height: 197px;
	background: url(../img/viber.png) no-repeat center/cover;
	position: absolute;
	top: -40px;
	left: 170px;
	z-index: -1;
}

.system__btn_keycrm {
	background: #264785;
	box-shadow: 0px 0px 10px #264785;
	color: #ffffff;
}

.system__btn_keycrm:hover {
	background: #fff;
	border: 1px solid #264785;
	color: #264785;
}

.system__btn_keycrm::after {
	content: "";
	display: block;
	width: 197px;
	height: 197px;
	background: url(../img/viber.png) no-repeat center/cover;
	position: absolute;
	top: -40px;
	left: 170px;
	z-index: -1;
}

.system__elem {
	margin-top: 100px;
	font-size: 14px;
	line-height: 27px;
	color: #7a7a7a;
	display: block;
}
#cap .cap__list{
	display: flex;
	flex-wrap: wrap;
	max-width: none;
}

#cap .cap__item{
 width: 50%;
}

.cap__item_wrap{
	padding-right: 5px;
}

.cap {
	padding: 50px 0;
}

.cap h2 {
	text-align: center;
}

.cap__flex {
	margin-top: 50px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.cap__list {
	max-width: 49%;
	width: 100%;
	padding-left: 20px;
}

.cap__item {
	display: flex;
	align-items: flex-start;
	margin-bottom: 24px;
}

.cap__item img {
	margin-right: 14px;
}

.cap__item p {
	font-size: 14px;
	line-height: 16px;
}

.cap__name {
	font-weight: 600;
	font-size: 14px;
	line-height: 16px;
	color: #25252c;
	margin-bottom: 3px;
}

.cap__video {
	max-width: 43%;
	width: 100%;
}

.cap__subtitle {
	font-weight: 600;
	font-size: 18px;
	line-height: 16px;
	margin-bottom: 16px;
}

.ben {
	padding: 50px 0;
}

.ben h2 {
	text-align: center;
}

.ben__flex {
	margin-top: 50px;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}

.tarif {
	display: flex;
	padding: 40px 10px;
	gap: 15px;
	/*width: fit-content;*/
	justify-content: center;
	margin: 0 auto;
}

/*#tarif {*/
/*  padding: 0 20px;*/
/*}*/
.card-wrap {
	display: flex;
	gap: 20px;
}

.card {
	align-items: center;
	background: #f4f3fc;
	border: none;
	border-radius: 10px;
	display: flex;
	max-width: 310px;
	min-width: 280px;
	padding: 15px 10px;
	flex-direction: column;
}

.card__title {
	font-size: 20px;
	font-weight: 700;
	text-transform: uppercase;
}

.cost {
	color: #7a70df;
	font-size: 38px;
	font-weight: 600;
	margin-right: 10px;
}

.card__subtitle {
	font-size: 11px;
	font-weight: 500;
}

.tarif__main__title {
	justify-content: center;
	display: flex;
}

.card__list__item {
	border-top: 2px solid #7a70df;
	color: #404040;
	font-size: 14px;
	font-weight: 500;
	padding: 10px 5px 10px;
	display: flex;
	align-items: center;
}

.first {
	border-top: 2px solid transparent;
}

.my-icon {
	font-size: 20px;
}

.icon-viber {
	width: 40px;
	margin-bottom: 5px;
	transform: scale(-1, 1);
	fill: rgb(124, 80, 154);
}

.icon-telegram {
	width: 40px;
	transform: scale(1, -1);
	fill: rgb(39, 166, 229);
	margin-bottom: 5px;
}

.icon-container {
	display: flex;
	align-items: center;
	font-size: 18px;
}

.icon-check {
	margin-right: 10px;
}

.finally__text .icon-viber {
	width: 30px;
}

.finally__text .icon-telegram {
	width: 30px;
}

.calculator {
	max-width: 970px;
	border: 1px solid #d3d3d3;
	border-radius: 10px;
	margin-top: 20px;
	padding: 25px;
}

.calculator__title {
	font-size: 22px;
	font-weight: 500;
	text-transform: uppercase;
	margin-bottom: 15px;
}

.month__title {
	font-size: 18px;
	font-weight: 500;
	margin-right: 15px;
	margin-bottom: 15px;
}

.month-wrap {
	display: flex;
	/*flex-wrap: wrap;*/
	justify-content: space-between;
	gap: 10px;
}

.month__list__item {
	align-items: center;
	background-color: #f4f3fc;
	border: 1px solid transparent;
	border-radius: 7px;
	cursor: pointer;
	display: flex;
	font-weight: 500;
	gap: 10px;
	min-width: 202px;
	padding: 7px;
}

.active {
	border: 1px solid #7a70df;
}

.button.active {
	border: none;
}

.month__price {
	display: flex;
	align-items: center;
	width: 100%;
	gap: 10px;
}

.month__count {
	background-color: #fff;
	border-radius: 7px;
	padding: 5px 10px;
	font-size: 14px;
}

.month__discount {
	font-size: 12px;
	font-weight: 500;
	line-height: 16px;
}

.number-count {
	color: #7a70df;
	font-size: 20px;
	font-weight: 500;
	line-height: 30px;
}

.slider__container {
	display: flex;
	background: #f4f3fc;
	border-radius: 12px;
	padding: 20px;
	margin-top: 30px;
}

.slider__title {
	min-width: 245px;
	max-width: 255px;
	font-size: 17px;
	font-weight: 500;
	margin-right: 15px;
}

.slider__input {
	border: 1px solid #d3d3d3;
	border-radius: 7px;
	font-size: 14px;
	height: 50px;
	padding-left: 15px;
	width: 90px;
}

.input__container {
	display: flex;
	align-items: center;
}

.slider__truck {
	margin-top: 20px;
	width: 100%;
	height: 10px;
	-webkit-appearance: none;
	appearance: none;
	background-color: white;
	border-radius: 5px;
	outline: none;
}

.slider__truck__value {
	position: absolute;
	top: -10px;
}

/* Стили для ползунка слайдера */
.slider__truck::-webkit-slider-thumb {
	-webkit-appearance: none;
	appearance: none;
	background-color: #fff;
	border: 9px solid #7a70df;
	border-radius: 50%;
	cursor: grab;
	height: 29px;

	width: 29px;
}

.slider {
	margin-left: 10px;
	width: 100%;
	position: relative;
}

.slider__thumb {
	margin-top: -20px;
	background-color: #fff;
	border: 9px solid #7a70df;
	border-radius: 50%;
	cursor: grab;
	height: 29px;
	position: absolute;
	transform: translateX(-50%);
	width: 29px;
}

.price__month {
	border-radius: 50%;
	cursor: grab;

	font-size: 12px;
	font-weight: 500;
	line-height: 18px;
	margin-top: 20px;
	position: absolute;
	text-align: center;
	width: 95px;
}

.finally__calculation {
	height: 100%;
	/*height: calc(95vh - 55px);*/

	border: 1px solid #7a70df;
	background-color: #fff;
	border-radius: 11px;
	display: flex;
	flex-direction: column;
	gap: 20px;
	justify-content: space-between;
	padding: 15px;
	position: relative;
	width: -webkit-fill-available;
}

.item__cont {
	gap: 10px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.fixed {
	position: fixed;
	margin-right: 10px;
	width: inherit;
}

.finally__calculation__container {
	transition: all 0.8s cubic-bezier(0, 0.17, 0.07, 1.65);
	width: 420px;
}

.fixed-bottom-tariff {
	display: flex;
	flex-direction: column;
	justify-content: end;
}

.finally__text {
	align-items: center;
	background-color: #f4f3fc;
	border-radius: 11px;
	display: flex;
	justify-content: space-between;
	position: relative;
}

.finally__text:before {
	border-bottom: 1px dashed #d3d3d3;
	bottom: 45%;
	content: "";
	left: 0;
	position: absolute;
	width: 100%;
}

.finally__calculation__item {
	background-color: #f4f3fc;
	border-radius: 11px;
	padding: 15px;
}

.finally__txt {
	align-items: center;
	background-color: #f4f3fc;
	display: flex;
	font-size: 14px;
	font-weight: 500;
	line-height: 26px;
	position: relative;
	z-index: 1;
}

.finally_btn {
	align-items: center;
	background: #7a70df;
	border-radius: 11px;
	display: flex;
	flex-wrap: wrap;
	gap: 16px;
	justify-content: space-between;
	padding: 10px 15px;
}

.subtitle__finally {
	align-items: center;
	display: flex;
	font-size: 14px;
	font-weight: 700;
	line-height: 26px;
	margin: 0 0 5px;
	position: relative;
}

.txt-one {
	background: transparent;
	color: #fff;
	font-size: 14px;
	font-weight: 500;
	line-height: 26px;
}

.txt-two {
	color: #fff;
	font-size: 35px;
	line-height: 42px;
	font-weight: 700;
}

.btn__price {
	display: flex;
	flex-direction: column;
}

.btn__btn {
	background-color: #fff;
	border: 1px solid;
	border-radius: 7px;
	color: #7a70df;
	flex: 1;
	font-size: 16px;
	line-height: 26px;
	max-width: 205px;
	padding: 14px 22px;
	text-transform: uppercase;
	width: 100%;
	text-align: center;
	font-weight: 600;
}

@media screen and (max-width: 900px) {
	.card-wrap {
		flex-wrap: wrap;
		justify-content: center;
	}

	.month-wrap {
		flex-wrap: wrap;
		justify-content: center;
	}

	.tarif {
		flex-direction: column;
	}

	.finally__calculation__container {
		width: 100%;
	}

	.finally__calculation {
		max-width: none;
		height: 600px;
	}

	.finally_btn {
		flex-direction: column;
		gap: 5px;
	}

	.item__cont {
		flex-direction: column !important;
	}
}

@media screen and (max-width: 1220px) {
	.finally__calculation__container {
		width: 100%;
	}

	.fixed {
		margin-right: 0;
	}

	.tarif {
		flex-direction: column;
		width: fit-content;
	}

	.item__cont {
		flex-direction: row;
		height: auto;
		gap: 20px;
	}

	.finally__calculation__item {
		width: -webkit-fill-available;
	}

	.finally__calculation {
		max-width: none;
		min-height: 300px;
		position: static;
		height: fit-content !important;
	}

	.finally_btn {
	}
}

.tarif h2 {
	text-align: center;
}

.tarif__subtitle {
	text-align: center;
	font-size: 14px;
	line-height: 27px;
	color: #7a7a7a;
}

.tarif__wrap {
	display: flex;
	align-items: flex-start;
	flex-wrap: wrap;
	justify-content: center;
	margin: 50px -13px 80px;
}

.tarif__item {
	position: relative;
	filter: drop-shadow(0px 0px 6px rgba(0, 0, 0, 0.4));
	border-radius: 15px;
	max-width: 18.6%;
	width: 100%;
	margin: 0 10px;
	text-align: center;
	padding: 38px 6px 18px;
	border: 3px solid #8771ff;
	background: #fff;
}

.tarif__item p {
	line-height: 18px;
}

.tarif__item_standart {
	color: #fff;
	background: linear-gradient(139.78deg, #2a86ff -38.25%, #b267ff 115.39%);
}

.tarif__item_standart .tarif__name {
	color: #fff;
}

.tarif__eco {
	position: absolute;
	top: 62px;
	left: 50%;
	transform: translateX(-50%);
	font-size: 14px;
	line-height: 27px;
	text-decoration-line: underline;
	color: #616161;
}

.tarif__pop {
	position: absolute;
	top: 9px;
	left: 9px;
	font-weight: 500;
	font-size: 14px;
	line-height: 27px;
	text-decoration-line: underline;
	color: #ffffff;
}

.tarif__pop img {
	margin-bottom: 4px;
	margin-right: -7px;
}

.tarif__name {
	font-weight: 600;
	font-size: 22px;
	line-height: 16px;
	color: #000000;
	margin-bottom: 45px;
}

.tarif__price {
	font-weight: 600;
	font-size: 35px;
	line-height: 35px;
	margin: 10px 0;
}

.tarif__subprise {
	font-size: 14px;
	line-height: 27px;
	color: #616161;
}

.tarif__bottom {
	text-align: center;
}

.tarif__bottom p {
	font-weight: normal;
	font-size: 16px;
	line-height: 18px;
	color: #000000;
	margin-top: 5px;
}

.tarif__bottom .btn {
	margin: 15px auto 0;
}

.learn {
	padding: 50px 0;
}

.learn h2 {
	text-align: center;
}

.learn__flex {
	margin-top: 25px;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}

.learn__amo,
.learn__bitrix {
	max-width: 49%;
	width: 100%;
}

.learn__amo p,
.learn__bitrix p {
	font-weight: 600;
	font-size: 22px;
	line-height: 28px;
	margin-bottom: 10px;
}

.learn__amo p span {
	font-weight: 600;
	font-size: 22px;
	line-height: 63px;
	color: #bce2f5;
	background: #162b3a;
	padding: 5px;
	border-radius: 10px;
}

.learn__bitrix p span {
	font-weight: 600;
	font-size: 22px;
	line-height: 63px;
	color: #ffffff;
	background: #76daf8;
	padding: 5px;
	border-radius: 10px;
}

.partners {
	padding: 50px 0;
	text-align: center;
}

.partners h2 {
	border-bottom: 2px solid #7e6ce5;
	width: max-content;
	margin: 0 auto;
}

.partners .btn {
	margin: 25px auto 0;
}

.partners .btn img {
	margin-left: 5px;
}

@media screen and (max-width: 1500px) {
	.tarif__item {
		margin: 0 7px;
	}

	.tarif__name {
		font-size: 18px;
	}

	.tarif__eco {
		width: 100%;
	}

	.finally__calculation {
		width: -webkit-fill-available;
	}
}

@media screen and (max-width: 1199px) {
	.business__list__text {
		width: 100%;
	}

	.business__list {
		flex-direction: column;
		column-count: 1;
		width: 100%;
	}

	.business__list__item {
		justify-content: start;
		width: 100%;
	}

	.dev__image,
	.dev__offer {
		max-width: 49%;
	}

	.connect__name {
		font-size: 18px;
	}

	.connect__num {
		font-size: 50px;
		width: 70px;
		height: 70px;
	}

	.system__wrap,
	.system__elem {
		margin-top: 50px;
	}

	.cap__video,
	.cap__list {
		max-width: 49%;
	}

	.cap__list {
		padding-left: 0;
	}

	.tarif__item {
		margin: 0 6px;
	}
}

@media screen and (max-width: 992px) {
	.messengers{
		font-size: 28px;
	}

	.registration__flex {
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}

	.tested__subtitle {
		/*background-color: #f0ad4e;*/
		/*width: 250px;*/
		/*font-size: 16px;*/

		margin-bottom: 20px;
	}

	.tested {
		margin-right: 0;
	}

	.dev__offer__title {
		width: 100%;
		margin-right: 0;
		white-space: normal;
	}

	.business__list {
		flex-direction: column;
		column-count: 1;
		justify-content: start;
	}

	.system__btn_amo {
		margin: 0 10px;
	}

	.tarif__wrap {
		margin: 50px 0;
		justify-content: space-between;
	}

	.tarif__item {
		max-width: 49%;
		margin: 0 0 20px;
	}

	.learn__amo p,
	.learn__bitrix p {
		font-size: 18px;
		line-height: 20px;
	}
}

@media screen and (max-width: 768px) {
	.slider {
		margin-top: 15px;
	}

	.slider__container {
		display: block;
	}

	.actual__subtitle {
		width: 100%;
	}

	.dev__offer__title {
		width: 100%;
		margin-right: 0;
		white-space: normal;
	}

	.dev__image img {
		width: 100%;
	}

	.connect__flex {
		flex-direction: column;
	}

	.connect__item {
		max-width: 100%;
		margin-bottom: 30px;
	}

	.system__wrap {
		flex-direction: column;
	}

	.system__btn {
		margin: 10px 0;
	}

	.system__btn_bitrix::after {
		content: "";
		display: block;
		width: 247px;
		height: 156px;
		background: url(../img/bitrix.png) no-repeat center/cover;
		position: absolute;
		top: -107px;
		left: -105px;
		z-index: -1;
	}

	.system__btn_amo::after {
		content: "";
		display: block;
		width: 277px;
		height: 52px;
		background: url(../img/amo.png) no-repeat center/cover;
		transform: rotate(-9.67deg);
		position: absolute;
		top: -48px;
		left: 85px;
		z-index: -1;
	}

	.system__btn_crm::after {
		content: "";
		display: block;
		width: 127px;
		height: 127px;
		background: url(../img/viber.png) no-repeat center/cover;
		position: absolute;
		top: -26px;
		left: -70px;
		z-index: -1;
	}

	.cap__flex {
		flex-direction: column;
	}

	.cap__list {
		max-width: 100%;
		margin-bottom: 30px;
	}

	.cap__video {
		max-width: 100%;
	}

	.ben__flex {
		flex-direction: column;
	}

	.ben__flex .cap__list {
		margin-bottom: 0;
	}

	.learn__flex {
		flex-direction: column;
	}

	.learn__amo {
		margin-bottom: 25px;
	}

	.learn__amo,
	.learn__bitrix {
		max-width: 100%;
	}
}

@media screen and (max-width: 575px) {
	.question__title {
		font-weight: 600;
		font-size: 22px;
		line-height: 150%;
		color: #25252c;
		text-align: center;
	}

	.tested {
		padding: 15px;
	}

	.tested__img {
		width: 80%;
	}

	.tested__subtitle {
		font-size: 18px;
		margin-right: 0;
		width: 100%;
		font-weight: normal;
		padding-right: 15px;
	}

	.tested__subtitle__span {
		font-size: 25px;
		font-weight: 600;
	}

	.inp {
		width: 100%;
	}

	.input__form {
		padding: 15px 20px;
		padding-bottom: 0;
	}

	.reg-block {
		width: 100%;
	}

	.dev__flex {
		flex-direction: column-reverse;
	}

	.dev__offer {
		max-width: 100%;
		margin-bottom: 20px;
	}

	.dev__image {
		margin-left: 90px;
		max-width: 100%;
	}

	.dev__image img {
		height: 336px;
	}

	.tarif__item {
		max-width: 100%;
	}

	.partners h2 {
		width: auto;
	}
}

@media screen and (max-width: 321px) {
	.dev__image {
		margin-left: 35px;
	}
}

.span__amo {
	color: #76daf8;
	background: #162b3a;
	padding: 5px;
	border-radius: 10px;
}

.span__bitrix {
	color: #fff;
	background: #76daf8;
	padding: 5px;
	border-radius: 10px;
}

.btn_amo::after {
	content: "";
	display: block;
	width: 377px;
	height: 73px;
	background: url(../img/amo.png) no-repeat center/cover;
	transform: rotate(-9.67deg);
	position: absolute;
	top: -80px;
	left: 10px;
	z-index: -1;
}

.btn_bitrix::after {
	content: "";
	display: block;
	width: 347px;
	height: 196px;
	background: url(../img/bitrix.png) no-repeat center/cover;
	position: absolute;
	top: -140px;
	left: 10px;
	z-index: -1;
}

.btn_api::after {
	content: "";
	display: block;
	width: 197px;
	height: 197px;
	background: url(../img/viber.png) no-repeat center/cover;
	position: absolute;
	top: -140px;
	left: 80px;
	z-index: -1;
}

.amo__flex {
	justify-content: center;
	text-align: center;
}

.register {
	overflow: visible;
	padding: 100px 0 100px;
}

.register__wrap {
	display: flex;
	align-items: center;
	justify-content: space-evenly;
	padding: 0 200px;
}

.why {
	padding: 50px 0;
}

.why__flex {
	display: flex;
	align-items: center;
	justify-content: space-around;
	padding: 0 50px;
}

.why__offer {
	max-width: 43%;
	width: 100%;
}

.why__offer p {
	font-size: 14px;
	line-height: 16px;
}

.why__image {
	max-width: 43%;
	width: 100%;
	text-align: right;
}

.partners_api h2 {
	border-bottom: none;
}

/* FAQ */
.faq {
	padding: 60px 0;
}

.faq h2 {
	text-align: center;
}

.faq .accordion-container {
	position: relative;
	height: auto;
	margin: 50px auto 0;
	text-align: left;
}

.faq .set {
	position: relative;
	width: 100%;
	height: auto;
	border-bottom: 1px solid #7a7a7a;
	padding: 20px 0 17px;
	max-width: 960px;
	margin: 0 auto;
}

.faq .set > a {
	display: block;
	text-decoration: none;
	transition: all 0.3s ease-in-out;
	width: 100%;
	position: relative;
	font-weight: 600;
	font-size: 20px;
	line-height: 28px;
	color: #000;
	max-width: 65%;
}

.faq .set > a:after {
	display: block;
	content: "";
	width: 38px;
	height: 38px;
	background: url(../img/faq_plus.svg) no-repeat center center/cover;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: -250px;
	transition: all 0.3s ease;
}

.faq .set > a.active:after {
	transform: translateY(-50%) rotate(-45deg);
}

.faq .set .active {
	display: block;
}

.faq .content {
	position: relative;
	height: auto;
	display: none;
	font-weight: normal;
	color: #000;
	margin-top: 20px;
	text-align: center;
}

.faq .content p {
	margin-top: 20px;
	text-align: left;
	padding-left: 90px;
	max-width: 85%;
}

@media (max-width:992px){
	.question .container{
		max-width: 992px;
	}
}

@media screen and (max-width: 992px) {
	.business__list__text {
		width: 100%;
	}

	.why__flex {
		flex-direction: column;
	}

	.why__offer {
		max-width: 100%;
		text-align: center;
	}

	.why__image {
		max-width: 100%;
		text-align: center;
		margin-top: 25px;
	}

	.why__image img {
		width: 100%;
	}

	.register__wrap {
		padding: 0;
	}

	.register__wrap .btn_amo:after,
	.register__wrap .btn_bitrix:after,
	.register__wrap .btn_api:after {
		display: none;
	}

	.faq .set > a:after {
		right: -200px;
	}

	.faq .content img {
		width: 100%;
	}
}

@media screen and (max-width: 768px) {
	.faq .set > a {
		max-width: 90%;
		font-size: 16px;
	}

	.faq .set > a:after {
		right: -40px;
	}
}

@media screen and (max-width: 575px) {
	.register__wrap {
		flex-direction: column;
	}

	.register .btn_amo,
	.register .btn_bitrix,
	.register .btn_api {
		margin-top: 20px;
	}
}

.inter {
	padding: 60px 0;
	text-align: center;
}

.inter__wrap {
	display: flex;
	align-items: flex-start;
	justify-content: center;
	margin-bottom: 32px;
}

.inter__item {
	max-width: 300px;
	width: 100%;
}

.inter__item p {
	margin-top: 20px;
	font-weight: 600;
	font-size: 18px;
	line-height: 26px;
}

.inter__text {
	padding: 0 150px;
}

@media screen and (max-width: 1199px) {
	.inter__text {
		padding: 0;
	}
}

@media screen and (max-width: 768px) {
	.inter__wrap {
		flex-direction: column;
		align-items: center;
	}

	.inter__item {
		margin-top: 20px;
	}
}

.footer {
	background: #f3f3f3;
	padding: 50px 0;
}

.footer__top {
	position: relative;
	min-height: 72px;
}

.footer__logo{
	position: absolute;
	top: 0; 
	left: 100px;
	width:58px;
}

.footer__list{
	margin: 0 auto;
  width: fit-content;
}

.footer__list li {
	margin-bottom: 11px;
}

.footer__list a {
	font-weight: normal;
	font-size: 16px;
	line-height: 18px;
	color: #000000;
}

.footer__list a:hover {
	color: #a88ccc;
}

.footer__soc {
	display: flex;
	align-items: center;
}

.footer__soc li {
	margin-right: 14px;
}

.footer__soc li img {
	transition: all 0.3s ease-in-out;
}

.footer__soc li:hover img {
	transform: scale(1.1);
}

.footer__bottom {
	padding: 35px 100px 30px;
	text-align: center;
}

.footer__bottom p {
	font-size: 14px;
	line-height: 27px;
	color: #7a7a7a;
}

.footer__viber img {
	transition: all 0.3s ease-in-out;
}

.footer__viber:hover img {
	transform: scale(1.1);
}

.footer__copy {
	font-weight: normal;
	text-align: center;
	color: #7a7a7a;
	font-size: 12px;
	line-height: 27px;
}

@media screen and (max-width: 1199px) {
	.footer__top {
		padding: 0;
	}

	.footer__bottom {
		padding: 30px 0;
	}
}

@media screen and (max-width: 768px) {
	#cap .cap__item{
		width: 100%;
	 }

	.footer__top {
		justify-content: center;
		align-items: center;
		flex-direction: column;
	}

	.footer__list {
		margin-top: 20px;
		text-align: center;
	}

	.footer__soc {
		margin-top: 15px;
		margin-right: -14px;
	}
}

.nav {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	transition: all 0.3s ease-in-out;
	background-color: transparent;
	z-index: 500;
}

.nav__logoUa {
	width: 60px;
}

.nav__logo {
	max-width: 95px;
}

.nav__logo img {
	width: 100%;
	height: 100%;
}

.nav.sticky {
	background-color: #fff;
}

.nav__wrap {
	padding: 12px 0 3px;
	display: flex;
	align-items: center;
}

.nav__menu {
	display: flex;
	align-items: center;
	flex: 1;
}

.nav__menu li a {
	padding: 0 25px;
	font-weight: 500;
	font-size: 20px;
	line-height: 27px;
	color: #000000;
}

.nav__menu li a:hover {
	color: #a88ccc;
}

.header {
	overflow: visible;
	/* background: url(../img/header-bg.png) no-repeat right 30% bottom/contain; */
	padding-top: 150px;
	padding-bottom: 55px;
}

.header__flex {
	position: relative;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}

.header__step {
	padding-bottom: 100px;
	background: url(../img/step1.png) no-repeat right bottom/contain;
}

.header__wrap {
	margin-top: 60px;
	display: flex;
	align-items: center;
}

.header__wrap .btn-outline {
	margin-left: 15px;
}

.header__offer {
	max-width: 54%;
	width: 100%;
	height: 460px;
	z-index: 2;
}

.header__offer p {
	max-width: 50%;
	font-weight: normal;
	font-size: 16px;
	line-height: 169%;
	color: #7a7a7a;
	margin: 10px 0 25px;
}

.video_youtube {
	width: 100%;
}

.header__image {
	position: absolute;
	right: 50px;
	top: -20px;
	height: 500px;
	z-index: 1;
}

@media screen and (max-width: 1400px) {
	h2.hero__title{
		font-size: 42px;
	}
	.header__image {
		right: 0;
	}
}

@media screen and (max-width: 1200px) {
	.header__image {
		/* top: -40px; */
		top: -20px;
		height: 340px;
		right: 40px;
	}
	.header__offer {
		height: auto;
	}
}

@media screen and (min-width: 1500px) {
	.header__image {
		/* right: 100px;
    top: -70px;
    height: 580px; */
	}
}

@media screen and (min-width: 768px) and (max-width: 992px) {
	.header__image {
		right: -70px;
		top: 0;
		height: 360px;
	}
}

.header__image p {
	font-size: 16px;
	line-height: 20px;
	color: #000;
	max-width: 75%;
	margin-bottom: 7px;
}

.header__video {
	cursor: pointer;
	width: 100%;
	height: auto;
	position: relative;
	box-shadow: 0px 0px 5px 5px rgba(181, 107, 255, 0.24);
}

.header__video:hover:after {
	transform: translate(-50%, -50%) scale(1.1);
}

.header__video:after {
	content: "";
	display: block;
	width: 78px;
	height: 78px;
	position: absolute;
	top: 50%;
	left: 50%;
	transition: all 0.3s ease-in-out;
	transform: translate(-50%, -50%);
	background: url(../img/play.png) no-repeat center/cover;
}

.header__video img {
	width: 100%;
	height: 100%;
}

.header__desc {
	display: block;
	margin-top: 12px;
	font-size: 14px;
	line-height: 27px;
	color: #7a7a7a;
}

.menu {
	display: none;
}

.accordion-button{
	padding-bottom: 0;
	&:after{
		content: '';
		display: none;
	}
}

@media screen and (max-width: 1199px) {
	.nav__menu li a {
		padding: 0 10px;
		font-size: 18px;
	}

	h1, h2.hero__title {
		font-size: 30px;
	}

	h2 {
		font-size: 24px;
	}

	body {
		font-size: 14px;
	}

	.header__offer p {
		max-width: 90%;
		font-size: 14px;
	}

	.header__image p {
		max-width: 100%;
		font-size: 14px;
	}
}

@media screen and (max-width: 992px) {
	.nav__menu li a {
		padding: 0 5px;
		font-size: 15px;
	}
}

@media screen and (max-width: 768px) {
	.header__image,
	.main_logo {
		height: auto;
		width: 100%;
	}

	.footer__list {
		padding-right: 0px !important;
	}

	.menu {
		display: block;
		position: relative;
		z-index: 500;
	}

	.menu .button {
		position: relative;
		width: 26px;
		height: 20px;
		display: block;
		transform: rotate(180deg);
	}

	.menu .button span {
		border-radius: 10px;
		width: 16px;
		position: absolute;
		top: calc(50% - 1px);
		background-color: #000;
		height: 2px;
		transition: 0.3s all ease-in-out;
		left: 0;
	}

	.menu .button span::before {
		border-radius: 10px;
		content: "";
		width: 26px;
		position: absolute;
		top: -10px;
		background-color: #000;
		height: 2px;
		transition: 0.3s all ease-in-out;
		left: 0;
	}

	.menu .button span::after {
		border-radius: 10px;
		content: "";
		width: 26px;
		position: absolute;
		bottom: -10px;
		background-color: #000;
		height: 2px;
		transition: 0.3s all ease-in-out;
		left: 0;
	}

	.menu .button.active span {
		background-color: transparent;
	}

	.menu .button.active span::before {
		content: "";
		top: calc(50% - 1px);
		transform: rotate(45deg);
		background: #000;
	}

	.menu .button.active span::after {
		content: "";
		bottom: calc(50% - 1px);
		transform: rotate(-45deg);
		background: #000;
	}

	.nav__wrap {
		justify-content: space-between;
	}

	.nav__menu {
		position: absolute;
		width: 50%;
		background: #fff;
		height: auto;
		flex-direction: column;
		right: -100%;
		top: 0px;
		transition: all 0.5s ease;
		padding: 100px 0;
		height: 100vh;
		z-index: 10;
		align-items: center;
	}

	.nav__menu.active {
		right: 0;
	}

	.nav__menu li {
		margin: 0 0 20px;
	}

	.header {
		padding-top: 130px;
	}

	.header__flex {
		flex-direction: column;
	}

	.header__offer {
		margin-bottom: 20px;
	}

	.header__offer,
	.header__image {
		position: static;
		max-width: 100%;
	}
}

@media screen and (max-width: 575px) {
	h1, h2.hero__title {
		font-size: 24px;
	}

	h2 {
		font-size: 20px;
	}

	.messengers{
		width: 100%;
		white-space: nowrap;
		font-size: 24px;
	}
}

.main_logo {
	height: 100%;
}

.btn_agree {
	display: initial;
	height: 30px;
	box-shadow: none;
}