/**
* 	@version      v.1.0 (07/02/2025)
*/

p {
	font-size: 16px;
	margin: 0;
}


h1, h2 {
	color: var(--color_gray_blue_800);
	text-align: center;
	font-weight: 700;
	line-height: 140%;
}

h1 {
	font-size: 40px;
	margin-bottom: 16px;
}

h2 {
	font-size: 26px;
	margin-bottom: 0;
}

h3 {
	margin: 0;
	text-transform: uppercase;
	font-size: var(--font_size_lg);
	font-weight: 700;
	line-height: 150%;
}

hr {
	margin: 0;
}

button {
	border: none;
	background: none;
	padding: 0;
}

.btn {
	height: 37px;
}

/* Иконки */
i:after {
	display: inline-block;
	width: 16px;
	height: 16px;
	background-repeat: no-repeat;
}


i.icon_phone:after,
i.icon_menu_burger:after {
	content: '';
	background-image: url("/images/sprite_icons.svg");
}

i.icon_phone:after {
	background-position: 0 0;
}

i.icon_menu_burger {
	display: flex;
}
i.icon_menu_burger:after {
	background-position: 0 -16px;
	margin: auto;
}

.selected i.icon_menu_burger:after {
	background-position: 0 -32px;
}

/* Хедер страницы */
.bizon_header_logo_container:hover {
	text-decoration: none;
}

.bizon_header_logo_company_description {
	white-space: nowrap;
}

.bizon_header_container {
	position: absolute;
}

header {
	box-sizing: border-box;
	border: 1px solid var(--color_gray_blue_100);
	background-color: var(--white);
}

.button_list_system_capabilities {
	padding: var(--padding_xs) 32px var(--padding_xs) 12px;
	border: var(--border_solid);
	border-radius: 4px;
	cursor: pointer;
	height: 29px;
}
.button_list_system_capabilities::after {
	content: '';
	background-image: url("/images/icon_chevron_down.svg");
	background-repeat: no-repeat;
	background-position: center;
}
.button_list_system_capabilities span {
	font-weight: 400;
	font-size: var(--font_size_md);
	line-height: 1;
}
.menu_list_system_capabilities {
	box-shadow: 0 32px 16px 0 #2E507A29;
	border: var(--border_solid);
}

.menu_list_system_capabilities a {
	background-color: var(--white);
	padding: var(--padding_sm) var(--padding_md);
	display: block;
}
.menu_list_system_capabilities a:hover {
	background-color: var(--color_gray_blue_50);
	text-decoration: none;
}
.desktop_navigation_menu ul a,
.mobile_navigation_menu ul a,
.mobile_navigation_menu ul span,
.buttons_container a {
	color: var(--color_gray_blue_800);
	font-size: var(--font_size_md);
	line-height: var(--line_height_md);
}

.mobile_navigation_menu_capability_trigger {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-direction: row;
	cursor: pointer;
}
.mobile_navigation_menu_capability_trigger::after,
.mobile_navigation_menu_capability_back::before {
	background-image: url("/images/icon_chevron_down.svg");
	background-repeat: no-repeat;
	background-position: center;
}
.mobile_navigation_menu_capability_trigger::after {
	transform: rotateZ(-90deg);
}
.mobile_navigation_menu_capability_trigger span:hover {
	text-decoration: underline;
}
.mobile_navigation_menu_capability_items {
	background-color: var(--white);
}
.mobile_navigation_menu_capability_back::before {
	transform: rotateZ(90deg);
}
.mobile_navigation_menu_capability_back {
	cursor: pointer;
}
.mobile_navigation_menu_capability_back:hover {
	text-decoration: underline;
}
.mobile_navigation_menu_capability_back span {
	font-weight: 700;
}
.buttons_container .header_tel_link {
	line-height: 1;
}
.desktop_navigation_menu ul a:hover {
	color: var(--color_blue_600);
	cursor: pointer;
}

.phone_number:hover i.icon_phone:after {
	background-position: -16px 0;
}

.phone_number:hover a {
	background-position: -16px 0;
}

.mobile_navigation_menu {
	display: none;
	position: fixed;
	background-color: var(--white);
	z-index: 2;
	border: 1px solid var(--color_gray_blue_100);
	border-top: none;
	top: 50px;
	left: 0;
	right: 0;
	bottom: 0;
}

.mobile_navigation_menu ul li {
	padding: 0 var(--padding_md);
	box-sizing: border-box;
	border-bottom: 1px solid var(--color_gray_blue_100);
	width: 100%;
}


section {
	border-bottom: 1px solid var(--color_gray_blue_100);
}

section .container {
	display: flex;
	flex-direction: column;
	align-items: center;
}

/*	Фоны первой секции	*/
.section_module_welcome.background_blue_500 {
	background-color: var(--color_blue_500);
}
.section_module_welcome.background_teal_500 {
	background-color: var(--color_teal_500);
}
.section_module_welcome.background_light_blue_500 {
	background-color: var(--color_light_blue_500);
}
.section_module_welcome.background_purple_500 {
	background-color: var(--color_purple_500);
}
.section_module_welcome.background_green_400 {
	background-color: var(--color_green_400);
}
.section_module_welcome.background_pink_500 {
	background-color: var(--color_pink_500);
}
.section_module_welcome.background_purple_400 {
	background-color: var(--color_purple_400);
}

section.section_start .container > *,
section.section_module_welcome .container > * {
	text-align: center;
	max-width: 940px;
}

section.section_start .text-box {
	font-size: var(--font_size_lg);
	padding: 0 var(--padding_md);
	line-height: 30px;
	margin-bottom: var(--padding_md);
}

section .description {
	font-size: var(--font_size_xlg);
}

section.section_start .text-box,
section .description {
	text-align: center;
	color: var(--global-color-gray_600);
}


section.section_start img {
	width: 100%;
    height: auto;
    display: block;
}

section.section_start .description {
	color: var(--color_gray_700)
}

.video_container {
	border-radius: 8px;
	overflow: hidden;
}


/* Сноска (текст внизу секции со звёздочкой) */
.footnote {
	margin-top: var(--padding_md);
}

.text-box {
	border-radius: 4px;
	border: 1px solid var(--color_gray_blue_100);
	background-color: var(--color_gray_blue_50);
	padding: var(--padding_xs) var(--padding_md);
}


/* Секциия "Возможности системы" */
.bizon_module_card  {
	font-size: var(--font_size_lg);
    border-radius: 8px;
    padding: calc(var(--indent_md) * 2);
    text-align: left;
	border: 1px solid var(--color_gray_blue_100);
}

.bizon_module_card:hover {
	background-color: var(--color_gray_blue_50);
}

.bizon_module_card:hover .card_number {
	background-color: var(--white);
}

.bizon_module_card .card_number {
	border-radius: 10px;
	border: 1px solid var(--color_gray_blue_100);
	background-color: var(--white);
}
.bizon_module_card .card_number span {
	font-weight: 600;
	color: var(--color_gray_blue_800);
	opacity: 0.5;
}

.bizon_module_card p {
	color: var(--color_gray_700);
	margin-bottom: 24px;
}

.bizon_module_card ul {
	border-top: 1px solid var(--color_gray_blue_100);
    padding-top: var(--padding_md);
}

.bizon_module_card ul li {
	line-height: 2;
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: var(--padding_sm);
}

.bizon_module_card ul li:not(:last-child) {
	margin-bottom: var(--padding_sm);
	line-height: 2;
}

.bizon_module_card ul li a {
	color: var(--color_gray_blue_800);
}

.section_target_audience .wrapper_target_audience_descriptions {
	margin-top: 50px;
}

.section_target_audience .target_audience_descriptions_block {
	padding: calc(var(--indent_md) * 2);
	flex: 1 1 auto;
	border-radius: 8px;
	border: 1px solid var(--color_gray_blue_100);
	align-self: stretch;
}
.section_target_audience .target_audience_descriptions_block .text-box {
	margin-bottom: 24px;
	display: inline-block;
}
.section_target_audience .target_audience_descriptions_block li span {
	font-size: var(--font_size_lg);
	color: var(--color_gray_700);
	margin-top: 4px;
	line-height: 150%;
	display: block;
}
.section_target_audience .target_audience_descriptions_block h3 {
	color: var(--color_gray_blue_800);
	line-height: 150%;
}

.section_target_audience li {
	margin-top: 24px;
	position: relative;
    padding-left: 36px;
}
.section_target_audience ul > li:first-child {
	margin-top: 0;
}
.section_target_audience li::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 24px;
    height: 24px;
    background-image: url("/images/icon_green_check.svg");
    background-size: cover;
	user-select: none;
}

/*	Секция обратной связи	*/
.section_feedback_and_contact {
	background-color: var(--color_gray_blue_50);
}
.registration {
	background: var(--color_blue_500);
	padding: 80px 40px;
	border-radius: 4px;
}

.registration_content h2 {
	font-size: 40px;
	text-align: center;
	line-height: 120%;
	color: var(--white);
}
.registration_content span {
	font-size: var(--font_size_xlg);
	text-align: center;
	color: var(--white);
	display: block;
}
.registration_link_list a {
	font-size: var(--font_size_md);
	line-height: var(--line_height_md);
	font-weight: 400;
}
.registration_link_list .btn_white {
	background: none;
	border: 1px solid var(--white);
	color: var(--white);
}
.registration_link_list .btn_white:hover {}
.registration_link_list .btn_black:focus {}
.registration_link_list .btn_black:active {}

.wrapper_feedback_and_contact > div {
	background-color: var(--white);
	border: var(--border_solid);
	border-radius: 8px;
}
.wrapper_feedback_and_contact .feedback h3,
.wrapper_feedback_and_contact .contact h3{
	text-transform: uppercase;
	font-size: 16px;
	line-height: var(--line_height_md);
	color: var(--color_gray_blue_800);
}
.wrapper_feedback_and_contact .feedback span,
.wrapper_feedback_and_contact .contact span:not(.contact_links span) {
	font-size: var(--font_size_xlg);
	line-height: var(--line_height_md);
	color: var(--color_gray_700);
}
.wrapper_feedback_and_contact .contact_links span {
	font-size: var(--font_size_lg);
	line-height: var(--line_height_md);
	color: var(--color_gray_400);
	min-width: 133px;
}
.wrapper_feedback_and_contact .contact_links a {
	color: var(--color_blue_700);
	font-size: var(--font_size_lg);
	line-height: var(--line_height_md);
	text-decoration: underline;
}
@media(max-width: 768px) {
	.registration {
		border-radius: 0;
		padding: 30px 16px;
		gap: calc(var(--padding_md) * 2);
	}
	.registration .registration_content {
		max-width: unset;
	}
	.registration_content h2 {
		font-size: var(--font_size_lg);
		text-align: left;
		text-transform: uppercase;
	}
	.registration_content span {
		font-size: var(--font_size_lg);
		text-align: left;
	}
	.wrapper_feedback_and_contact > div {
		border-radius: 0;
	}
	.wrapper_feedback_and_contact .feedback {
		border: unset;
		border-bottom: var(--border_solid);
	}
	.wrapper_feedback_and_contact .contact {
		border: unset;
	}
	.registration_link_list {
		max-width: unset;
		flex-direction: column;
		gap: 12px;
	}
	.registration_link_list a {
		width: 100%;
		height: 37px;
		font-size: var(--font_size_md);
	}
	.wrapper_feedback_and_contact .feedback h3,
	.wrapper_feedback_and_contact .contact h3 {
		font-size: var(--font_size_lg);
		text-transform: uppercase;
	}
	.wrapper_feedback_and_contact .feedback span,
	.wrapper_feedback_and_contact .contact span:not(.contact_links span) {
		font-size: var(--font_size_lg);
	}
}

	/* Первый экран модуля */
.section_module_welcome {
	background-color: var(--color_blue_500);
}

.section_module_welcome h1 {
	margin-bottom: 8px;
	color: var(--white);
}
.section_module_welcome_description {
	font-size: var(--font_size_xlg);
	color: var(--white);
	text-align: center;
}
.section_module_welcome .btn {
	margin-top: 24px;
}

/*	Секция функции модуля	*/
.features_content_column span {
	font-size: var(--font_size_xlg);
	line-height: var(--line_height_md);
	font-weight: 400;
	color: var(--color_gray_700);
}



@media (max-width: 1200px) {
	.desktop_navigation_menu ul,
	.desktop_navigation_menu ul li {
		padding: 0 6px;
	}
}

@media (max-width: 1050px) {

}

@media (max-width: 992px) {
	.table_container:after {
		display: block;
	}
}

@media (max-width: 768px) {
	h1 {
		font-size: 28px;
		line-height: 120%;
	}

	h2 {
		font-size: 22px;
	}

	section.section_start .text-box {
		font-size: var(--font_size_md);
	}

	section .description {
		font-size: var(--font_size_lg);
	}

	section.section_start a.btn {
		width: 100%;
		margin: calc(var(--padding_md) * 2);
	}

	.system_features_work_space_image {
		margin-top: 40px;
	}
	.section_system_features_title .description {
		margin-top: 8px;
	}
	.wrapper_modules_cards {
		margin-top: 40px;
	}

	.bizon_module_card:hover {
		background-color: unset;
	}
	
	section .bizon_module_card:hover .card_number {
		background-color: var(--color_gray_blue_50);
	}

	.section_module_welcome_description {
		font-size: var(--font_size_lg);
	}

	.section_target_audience li {
		margin-top: 16px;
	}
	.section_module_welcome h1 {
		margin-bottom: 12px;
	}
	.section_module_welcome .btn {
		margin-top: 32px;
	}
}


@media (max-width: 556px) {
	.mobile_navigation_menu ul a {
		font-size: 14px;
	}

	.section_feedback_and_contact .registration .link_list {
		flex-direction: column;
	}

	.registration .link_list a:not(:last-child) {
		margin-right: 0;
		margin-bottom: var(--padding_md);
	}
}

/* Промо Банер */
.section_promo_banner_info .wrapper {
	overflow: hidden;
	background-color: var(--color_blue_500);
	color: var(--white);
	border-radius: 8px;
}

.section_promo_banner_info .heading_lead {
	overflow: hidden;
	overflow-wrap: anywhere;
}

.section_promo_banner_info .heading_lead .title {
	font-size: 40px;
	line-height: 120%;
	font-weight: 700;
}

.section_promo_banner_info .heading_lead p {
	font-size: var(--font_size_xlg);
	line-height: var(--line_height_md);
}

.section_promo_banner_info .banner_wrapper * {
	user-select: none;
}

.section_promo_banner_info .banner_image_price {
	font-size: 140px;
	line-height: 105px;
	font-weight: 700;
}

.section_promo_banner_info .promo_banner_container::after {
	background-image: url("/images/bizon_promo_banner_background_figure.svg");
}

@media (max-width: 768px) {
	.section_promo_banner_info .heading_lead .title {
		text-align: center;
	}
	.section_promo_banner_info .heading_lead p {
		text-align: center;
	}
	.section_promo_banner_info .wrapper {
		border-radius: 0;
	}
}
@media (max-width: 710px) {
	.section_promo_banner_info .wrapper .heading_lead .title {
		font-size: 26px;
		line-height: 36px;
	}
}

/* Футер */
.bizon_footer_legal_info {
	font-weight: 400;
	font-size: 11px;
	line-height: var(--line_height_xs);
	color: var(--color_gray_blue_600);
}
.bizon_footer_contact_info a {
	font-weight: 400;
	font-size: 11px;
	line-height: var(--line_height_xs);
	color: var(--color_blue_700);
	text-decoration: underline;
}
.bizon_footer_description span {
	font-size: 11px;
	line-height: var(--line_height_xs);
	font-weight: 400;
	color: var(--color_gray_blue_600);
}
.bizon_footer_description .bizon_footer_description_links a {
	font-weight: 400;
	font-size: 11px;
	line-height: var(--line_height_xs);
	text-decoration: underline;
	color: var(--color_blue_700);
	width: fit-content;
}