.button-gradient {
	background: linear-gradient(
		90.97deg,
		#e7008f 56.25%,
		#a156ff 76.53%,
		#09a7ef 96.82%
	);
	color: #fff;
}

.button-gradient:hover {
	background: linear-gradient(
		90.97deg,
		#09a7ef 56.25%,
		#a156ff 76.53%,
		#e7008f 96.82%
	);
}

.gradient-border {
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 16px;
	font-weight: 500;
	background-color: #fff;
	border-radius: 360px;
	position: relative;
	padding: 8px 14px;
	overflow: hidden;
}

.gradient-border::before {
	content: '';
	position: absolute;
	inset: 0;
	padding: 2px;
	border-radius: 360px;
	background: linear-gradient(
		90.97deg,
		#e7008f 56.25%,
		#a156ff 76.53%,
		#09a7ef 96.82%
	);
	-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
	-webkit-mask-composite: xor;
	mask-composite: exclude;
	z-index: 0;
}

.fix-column {
	padding-left: 127px !important;
}

.faq__group-block + .faq__group-block {
	margin-top: 52px;
}

.faq__group-block .faq__spollers-item + .faq__spollers-item {
	margin-top: 12px;
}

.faq__title-block {
	color: rgba(37, 50, 55, 0.4);
	font-weight: 500;
	font-size: 24px;
	margin-bottom: 12px;
}

.button--outline {
	background-color: #fff;
	border: 1px solid #e2e2e2;
}

.two-column-cards__item-wrap-mod {
	background-color: transparent;
	padding: 0;
}

.two-column-cards__item-subtitle {
	color: #253237;
	font-size: 18px;
}

.hero__title-fix-text {
	letter-spacing: -4px;
	max-width: 438px;
	font-size: 64px;
}

.max-w-700 {
	max-width: 700px;
}

.max-w-460 {
	max-width: 460px;
}

.mx-auto {
	margin-left: auto;
	margin-right: auto;
}

.w-full {
	width: 100%;
}

.fw-600 {
	font-weight: 600;
}

.fs-16 {
	font-size: 16px;
}

.fs-20 {
	font-size: 20px;
}

.fs-24 {
	font-size: 24px;
}

.fs-32 {
	font-size: 32px;
}

.fs-64 {
	font-size: 64px;
	line-height: 72px;
}

.lh-28 {
	line-height: 28px;
}

.gap-12 {
	gap: 12px;
}

.flex {
	display: flex;
}

.items-center {
	align-items: center;
}

.text-left {
	text-align: left !important;
}

.justify-center {
	justify-content: center;
}

.no-wrap {
	flex-wrap: nowrap;
	white-space: nowrap;
}

.px-12 {
	padding-left: 12px;
	padding-right: 12px;
}

.h-34 {
	height: 34px;
}

.mb-20 {
	margin-bottom: 20px;
}

.mb-36 {
	margin-bottom: 36px;
}

.mb-70 {
	margin-bottom: 70px;
}

.content-technical {
	grid-column-gap: 2em;
	grid-row-gap: 2em;
	flex-flow: column;
	justify-content: flex-start;
	align-items: center;
	display: flex;
	padding-top: 5px;
}

.technical {
	grid-column-gap: 1em;
	grid-row-gap: 1em;
	flex-flow: column;
	max-width: 940px;
	width: 100%;
	display: flex;
}

.content-technical .regular {
	line-height: 150%;
}

.hero-container {
	z-index: 1;
	grid-column-gap: 7.5em;
	grid-row-gap: 7.5em;
	flex-flow: column;
	display: flex;
	position: relative;
}

.hero-content-wrapper {
	grid-column-gap: 1.9em;
	grid-row-gap: 1.9em;
	flex-flow: column;
	align-items: center;
	display: flex;
}

.text-wrapper {
	grid-column-gap: 0.5em;
	grid-row-gap: 0.5em;
	flex-flow: column;
	display: flex;
}

.hero.faq-max-hight._01 {
	height: 25em;
}

.hero {
	overflow: hidden;
}

.pattern-bg-hero {
	z-index: 0;
	pointer-events: none;
	width: 100%;
	height: 64.69em;
	position: absolute;
	inset: 0% 5em auto;
	/* display: inline-block; */
	top: 0;
	left: 0;
}

.wrapper-pattern {
	height: 100%;
	padding-left: 7em;
	padding-right: 7em;
	line-height: 100%;
	position: relative;
	overflow: hidden;

	display: flex;
	align-items: center;
	justify-content: center;
}

.fs-64.fw-500.center.max-width {
	align-self: center;
	max-width: 55rem;
	text-align: center;
	flex: 0 auto;
	justify-content: center;
	align-items: center;
	display: flex;
	padding-top: 10px;
	padding-bottom: 10px;
}

.content-technical b,
.content-technical strong {
	font-weight: 700;
}

@media (max-width: 1270px) {
	.fix-column {
		padding-left: 24px !important;
	}
}

@media (max-width: 991.98px) {
	.header__buttons {
		justify-content: center;
	}
}

@media (max-width: 767.98px) {
	.hero__description.max-w-460 {
		margin-left: auto;
		margin-right: auto;
	}

	.hero__title-fix-text {
		font-size: 48px;
		max-width: none;
		letter-spacing: 0;
	}
}

.apps-section {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	/* gap: 60px; */
	max-width: 1200px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	padding: 100px 0;
}

.app-card {
	background: white;
	display: flex;
	align-items: center;
	gap: 52px;
	flex: 1;
	min-width: 550px;
	max-width: 550px;
}

.app-card:first-child {
	padding-right: 70px;
	border-right: 1px solid #e2e2e2;
	margin-right: 70px;
}

.phone-image-wrap {
	display: flex;
	justify-content: center;
	align-items: center;
	max-width: 260px;
	width: 100%;
}

.phone-image-wrap img {
	width: 260px;
}

.app-title {
	font-size: 28px;
	font-weight: 600;
	margin-bottom: 12px;
	color: #253237;
	text-align: center;
}

.app-description {
	font-size: 16px;
	line-height: 24px;
	color: #253237;
	margin-bottom: 24px;
	text-align: center;
}

.app-link {
	max-width: 180px;
	width: 100%;
	height: 52px;
}

.app-link img {
	width: 100%;
}

.app-button:hover {
	transform: translateY(-2px);
	background: #333;
}

.app-button img {
	height: 28px;
	margin-right: 10px;
}

.app-button-text {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	line-height: 1.2;
}

.small-text {
	font-size: 12px;
}

.large-text {
	font-size: 20px;
	font-weight: 600;
}

.phone-image {
	width: 100%;
	max-width: 280px;
	margin: 20px 0;
}

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

@media (max-width: 1200px) {
	.app-card:first-child {
		padding-right: 20px;
		border-right: none;
		margin-right: 0;
	}
	.apps-section {
		gap: 40px;
	}
}

@media (max-width: 768px) {
	.apps-section {
		gap: 40px;
		padding: 50px 0;
	}

	.app-card {
		min-width: 100%;
		padding: 25px 20px;
		gap: 20px;
	}

	.app-description {
		margin-bottom: 0;
	}

	.app-title {
		font-size: 22px;
	}

	.app-button {
		padding: 10px 20px;
	}

	.app-button img {
		height: 24px;
	}

	.phone-image-wrap img {
		width: 100%;
	}
}