/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}

body {
	line-height: 1;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

table, th, td {
	border: 1px solid #222222;
}

/* montserrat-regular - cyrillic_latin */
@font-face {
	font-display: swap;
	/* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 400;
	src: url('../fonts/montserrat-v29-cyrillic_latin-regular.woff2') format('woff2');
	/* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* montserrat-500 - cyrillic_latin */
@font-face {
	font-display: swap;
	/* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 500;
	src: url('../fonts/montserrat-v29-cyrillic_latin-500.woff2') format('woff2');
	/* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* montserrat-600 - cyrillic_latin */
@font-face {
	font-display: swap;
	/* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 600;
	src: url('../fonts/montserrat-v25-cyrillic_latin-600.woff2') format('woff2');
	/* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* montserrat-700 - cyrillic_latin */
@font-face {
	font-display: swap;
	/* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 700;
	src: url('../fonts/montserrat-v25-cyrillic_latin-700.woff2') format('woff2');
	/* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* inter-regular - cyrillic_latin */
@font-face {
	font-display: swap;
	/* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Inter';
	font-style: normal;
	font-weight: 400;
	src: url('../fonts/inter-v12-cyrillic_latin-regular.woff2') format('woff2');
	/* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* inter-500 - cyrillic_latin */
@font-face {
	font-display: swap;
	/* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Inter';
	font-style: normal;
	font-weight: 500;
	src: url('../fonts/inter-v12-cyrillic_latin-500.woff2') format('woff2');
	/* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* inter-600 - cyrillic_latin */
@font-face {
	font-display: swap;
	/* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Inter';
	font-style: normal;
	font-weight: 600;
	src: url('../fonts/inter-v12-cyrillic_latin-600.woff2') format('woff2');
	/* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* inter-700 - cyrillic_latin */
@font-face {
	font-display: swap;
	/* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Inter';
	font-style: normal;
	font-weight: 700;
	src: url('../fonts/inter-v12-cyrillic_latin-700.woff2') format('woff2');
	/* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* This is the project stylesheet start */

:root {
	/* Colors start*/

	/* Main */
	--main-blue-main: #00B9FF;
	--main-red-main: #D64045;
	--main-fuxy: #D61B7B;
	--main-blue-orig-1: #2898DA;
	--main-blue-orig-2: #2A66A5;
	--main-fuxy-orig: #C46FB0;
	--main-blue-control: #292BD6;
	--main-green: #32DE8A;
	--main-blue-dark: #274156;
	--main-black: #222222;
	--main-white: #ffffff;

	/* Grey */
	--grey-grey: #D0CCD0;
	--grey-dark: #423E37;
	--grey-dark-blue: #474647;
	--grey-blue-main: #5D96AC;
	--grey-blue-main-light: #BFD1D8;
	--grey-green-light: #CFF8EC;
	--grey-fuxy: #8D5874;
	--grey-dark-soft-01: #666466;
	--grey-dark-soft-02: #928F92;
	--grey-light-blue: #EBEBF5;
	--grey-light-fuxy: #F6EEF3;
	--grey-light: #f4f4f4;
	--grey-very-light: #F9F9F9;
	--grey-green-light: #CFF8EC;

	/* Additional */
	--additional-link: #008EC4;
	--additional-link-light: #00E0FF;
	--additional-orig-light: #48C0EF;
	--additional-comment: #FF0083;
	--additional-black-black: #000000;
	--additional-blue-smoky: #B6DCFE;


	/* Gradients */
	--gradient-intro: linear-gradient(130deg, #64E8DE 0%, #8A64E8 100%);
	--gradient-original: linear-gradient(270deg, #2898DA 0%, #48C0EF 100%);
	--gradient-pink: linear-gradient(90deg, #00B9FF 0%, #E0ACD5 100%);
	--gradient-softcontrol: linear-gradient(168deg, #D61B7B 0%, #292BD6 100%);
	--gradient-hard: linear-gradient(90deg, #00B9FF 0%, #D64045 100%);
	--gradient-product: linear-gradient(303deg, rgba(0, 185, 255, 0.40) 0%, rgba(161, 220, 255, 0.40) 100%);

	/* Colors end*/

	/* Typographies */

	--font-size-96px: 96px;

	--font-size-16px: 16px;
	--font-size-h1: 40px;
	--font-size-h2: 32px;
	--font-size-xl: 20px;
	--font-size-l: 18px;
	--font-size-m: 15px;
	--font-size-s: 14px;
	--font-size-xs: 12px;
	--font-size-xxs: 11px;

	--font-family-inter: "Inter", Helvetica;
	--font-family-montserrat: "Montserrat", Helvetica;

	--font-family-montserrat-bold: "Montserrat-Bold";

	--font-weight-normal: 400;
	--font-weight-med: 500;
	--font-weight-semi: 600;
	--font-weight-bold: 700;
}

/* Inter/Text/11 Reg */
.inter-11-reg {
	font-family: var(--font-family-inter);
	font-size: var(--font-size-xxs);
	font-style: normal;
	font-weight: 400;
	line-height: 17px;
}

.inter-11-reg p {
	margin-bottom: 8px;
}

.inter-11-reg b {
	font-weight: var(--font-weight-semi);
}

/* Inter/Text/12 Reg */
.inter-12-reg {
	font-family: var(--font-family-inter);
	font-size: var(--font-size-xs);
	font-style: normal;
	font-weight: var(--font-weight-normal);
	line-height: 18px;
}

.inter-12-reg a {
	color: var(--additional-link);
	text-decoration: none;
}

.inter-12-reg a:hover {
	text-decoration: underline;
}

/* Inter/Text/14 Reg */
.inter-14-reg {
	font-family: Inter;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 21px;
}

.inter-14-reg a {
	color: var(--additional-link);
	text-decoration: none;
}

.inter-14-reg a:hover {
	text-decoration: underline;
}

.inter-14-reg ul {
	display: block;
	list-style-type: disc;
	margin-block-start: 1em;
	margin-block-end: 1em;
	margin-inline-start: 0px;
	margin-inline-end: 0px;
	padding-inline-start: 32px;
}

.inter-14-reg ol {
	display: block;
	list-style-type: decimal;
	margin-block-start: 1em;
	margin-block-end: 1em;
	margin-inline-start: 0px;
	margin-inline-end: 0px;
	padding-inline-start: 32px;
}

/* Inter/Text/15 Reg */
.inter-15-reg {
	font-family: var(--font-family-inter);
	font-size: var(--font-size-m);
	font-style: normal;
	font-weight: var(--font-weight-normal);
	line-height: 23px;
}

.inter-15-reg p {
	&:not(:last-child) {
		margin-bottom: 13px;
	}
}

.inter-15-reg a {
	color: var(--additional-link);
	text-decoration: none;
}

.inter-15-reg a:hover {
	text-decoration-line: underline;
}

.inter-15-reg b {
	font-weight: var(--font-weight-semi);
}

.inter-15-reg em {
	font-style: italic;
}

.inter-15-reg ul {
	display: block;
	list-style-type: disc;
	margin-block-start: 1em;
	margin-block-end: 1em;
	margin-inline-start: 0px;
	margin-inline-end: 0px;
	padding-inline-start: 40px;
}

.inter-15-reg ol {
	display: block;
	list-style-type: decimal;
	margin-block-start: 1em;
	margin-block-end: 1em;
	margin-inline-start: 0px;
	margin-inline-end: 0px;
	padding-inline-start: 40px;
}

/* Inter/Text/15 Reg Wide */
.inter-15-reg-wide {
	font-family: var(--font-family-inter);
	font-size: var(--font-size-m);
	font-style: normal;
	font-weight: var(--font-weight-normal);
	line-height: 26px;
}

.inter-15-reg-wide p {
	&:not(:last-child) {
		margin-bottom: 13px;
	}
}

.inter-15-reg-wide a {
	color: var(--additional-link);
	text-decoration: none;
}

.inter-15-reg-wide a:hover {
	text-decoration-line: underline;
}

.inter-15-reg-wide b {
	font-weight: var(--font-weight-semi);
}

.inter-15-reg-wide em {
	font-style: italic;
}

.inter-15-reg-wide ul {
	display: block;
	list-style-type: disc;
	margin-block-start: 1em;
	margin-block-end: 1em;
	margin-inline-start: 0px;
	margin-inline-end: 0px;
	padding-inline-start: 40px;
}

.inter-15-reg-wide ol {
	display: block;
	list-style-type: decimal;
	margin-block-start: 1em;
	margin-block-end: 1em;
	margin-inline-start: 0px;
	margin-inline-end: 0px;
	padding-inline-start: 40px;
}

/* Inter/Text/15 Semi */
.inter-15-semi {
	font-family: Inter;
	font-size: 15px;
	font-style: normal;
	font-weight: 600;
	line-height: 23px;
}

/* Inter/Text/18 Reg */
.inter-18-reg {
	font-family: var(--font-family-inter);
	font-size: var(--font-size-l);
	font-style: normal;
	font-weight: var(--font-weight-normal);
	line-height: 27px;
}

.inter-18-reg a {
	color: var(--additional-link);
	text-decoration: none;
}

.inter-18-reg a:hover {
	text-decoration-line: underline;
}

/* Inter/Text/18 Reg Wide */
.inter-18-reg-wide {
	font-family: Inter;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 32px;
}

.inter-18-reg-wide a {
	color: var(--additional-link);
	text-decoration: none;
}

.inter-18-reg-wide a:hover {
	color: var(--additional-link);
	text-decoration-line: underline;
}

.inter-18-reg-wide p {
	&:not(:last-child) {
		margin-bottom: 16px;
	}
}

/* Inter/Header/18 Med */
.inter-18-med {
	font-family: var(--font-family-inter);
	font-size: var(--font-size-l);
	font-style: normal;
	font-weight: var(--font-weight-med);
	line-height: 27px;
}

/* Mont/Butt/12 Bold */
.mont-butt-12-bold {
	font-family: var(--font-family-montserrat);
	font-size: 12px;
	font-style: normal;
	font-weight: var(--font-weight-bold);
	line-height: 18px;
}

/* Mont/Butt/14 Bold */
.mont-butt-14-bold {
	font-family: var(--font-family-montserrat);
	font-size: 14px;
	font-style: normal;
	font-weight: var(--font-weight-bold);
	line-height: 21px;
}

/* Mont/Butt/16 Bold */
.mont-butt-16-bold {
	font-family: var(--font-family-montserrat);
	font-size: 16px;
	font-style: normal;
	font-weight: var(--font-weight-bold);
	line-height: 24px;
}

.mont-butt-16-bold a {
	text-decoration: none;
}

/* Mont/24 Med */
.mont-24-med {
	font-family: var(--font-family-montserrat);
	font-size: 24px;
	font-style: normal;
	font-weight: 500;
	line-height: 38px;
}

.h3 {
	margin-top: 32px;
	margin-bottom: 32px;
}

/* This is the project stylesheet end */

html {
	box-sizing: border-box;
}

*, *::before, *::after {
	box-sizing: inherit;
}

body {
	width: 100%;
	height: 100%;

	color: var(--main-black);

	font-family: var(--font-family-inter);
	font-size: var(--font-size-m);
	font-style: normal;
	font-weight: var(--font-weight-normal);
	line-height: normal;
}

a:has(> img) {
	font-size: 0;
}

b {
	font-weight: var(--font-weight-semi);
}

strong {
	font-weight: var(--font-weight-med);
}

h1 {
	/* Mont/Header/H1 */
	font-family: Montserrat;
	font-size: 40px;
	font-style: normal;
	font-weight: 600;
	line-height: 60px;
}

h2 {
	/* Mont/Header/H2 */
	font-family: var(--font-family-montserrat);
	font-size: 30px;
	font-style: normal;
	font-weight: 500;
	line-height: 39px;
}

h3 {
	/* Inter/Header/20 Semi */
	font-family: Inter;
	font-size: 20px;
	font-style: normal;
	font-weight: 600;
	line-height: 30px;
}

h4 {
	/* Inter/Header/18 Med */
	font-family: Inter;
	font-size: 18px;
	font-style: normal;
	font-weight: 500;
	line-height: 27px;
}

h5 {
	/* Inter/Header/14 Semi */
	font-family: Inter;
	font-size: 14px;
	font-style: normal;
	font-weight: 600;
	line-height: 21px;
}

.pagecontent {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	/* height: 100%; */
	height: fit-content;
}

/* .wrapper {
	max-width: 1264px;
	margin: 0 auto;
} */

/* Header styles start */

.header {
	display: flex;
	flex-direction: column;
	width: inherit;
	height: fit-content;
}

/* .header__wrapper {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: space-between;
} */

.header__pa {
	display: flex;
	width: inherit;
	/* min-width: fit-content; */
	height: fit-content;
	padding: 8px 0px;
	justify-content: flex-end;
	align-items: center;
	white-space: nowrap;
	background: var(--grey-light);
}

.header__pa-support {
	display: flex;
	padding: 4px 88px 4px 16px;
	justify-content: flex-end;
	align-items: center;
	gap: 16px;
	border-radius: 30px 0px 0px 30px;
	background: var(--additional-orig-light);
	color: var(--main-blue-dark);
	text-align: right;
	text-decoration: none;

	cursor: pointer;
	transition: 0.3s;
}

.header__pa-support:hover, .header__pa-support:active {
	background-color: var(--additional-link-light);
	color: var(--additional-black-black);
}

.header__pa-pic {
	filter: invert(19%) sepia(58%) saturate(448%) hue-rotate(165deg) brightness(95%) contrast(89%);
	width: 24px;
	height: 24px;
}

.header__pa-logo {
	display: none;
	width: 51px;
	height: 32px;
}

.header__main {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-start;
	max-width: inherit;
	min-width: fit-content;
	min-height: 88px;
	padding: 0 88px;
	/* overflow: hidden; */
	border-bottom: 1px solid var(--grey-grey);
	background: var(--main-white);
}

.header__logo-pic {
	width: 143px;
	height: 32px;
}

.header__main-nav {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	white-space: nowrap;
	gap: 0 40px;
	margin: 0 auto;
}

.header__nav-link {
	color: var(--main-black);
	text-decoration: none;
}

.header__nav-link:hover, .header__nav-link:active {
	color: var(--main-blue-main);
}

.header__nav-button {
	display: flex;
	position: relative;
	padding: 8px;
	justify-content: center;
	align-items: center;
	gap: 4px;
	color: var(--main-black);
	text-decoration: none;

	cursor: pointer;
	transition: all 0.4s ease;
}

.click {
	color: var(--main-blue-orig-2);
}

.header__nav-button:hover {
	color: var(--main-blue-main);
}

.header__nav-button:focus {
	color: var(--main-blue-orig-2);
}

.header__nav-button:hover img {
	transition: all 0.4s ease;
	transform: translate(0, 4px);
}

.header__nav-button02 {
	display: inline-flex;
	position: relative;
	padding: 8px;
	justify-content: center;
	align-items: center;
	gap: 4px;
	color: var(--grey-dark-blue);
	text-decoration: none;
	background-color: var(--main-white);
	border-width: 0px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: var(--main-white);

	cursor: pointer;
	transition: all 0.4s ease;
}

.header__nav-button02:hover {
	color: var(--additional-black-black);
}

.header__nav-button02:focus {
	color: var(--additional-black-black);
	border-bottom-color: var(--main-blue-orig-2);
}

.header__nav-button02:hover img {
	transition: all 0.4s ease;
	transform: translate(0, 4px);
}

.header__nav-diasble {
	color: var(--main-blue-orig-2);
}

.header__nav-pic {
	width: 16px;
	height: 16px;
}

.header__main-tool {
	display: flex;
	gap: 8px;
	padding: 0 32px;
	margin-left: auto;
}

.header__tool-language {
	display: flex;
	width: 40px;
	height: 40px;
	/* padding: 11px 11px 12px 11px; */
	justify-content: center;
	align-items: center;
	flex-shrink: 0;
	border-radius: 20px;
	background: var(--main-black, #222);
}

.header__tool-search {
	display: flex;
	width: 160px;
	height: 40px;
	padding: 8px 12px;
	align-items: center;
	gap: 8px;
	flex-shrink: 0;
	border-radius: 50px;
	border: 1px solid var(--grey-dark-soft-02, #928F92);
	background: var(--main-white, #FFF);
}

.header__search-pic {
	width: 24px;
	height: 24px;
	flex-shrink: 0;
}

.header__search-label {
	flex: 1 0 0;
	color: var(--grey-grey, #D0CCD0);

	font-family: Inter;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 21px;
}


.header__language-label {
	color: var(--grey-dark-soft-02);

	/* Inter/Header/14 Semi */
	font-family: Inter;
	font-size: 14px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;

	text-decoration: none;
}

.header__language-label:hover {
	color: var(--main-white);
	text-decoration: underline;
}

.active {
	color: var(--main-white);
	cursor: default;
}

.active:hover {
	text-decoration: none;
}

.hamburger__pic {
	display: none;
	width: 38px;
	height: 22px;
	cursor: pointer;
	/* transition: all 0.3s cubic-bezier(0.16, 1, 0.5, 1); */
}

.hamburger__pic:hover {
	animation: Hamburger 0.5s ease-in-out 0s 1 normal none;
	/* transition: all 0.3s cubic-bezier(0.16, 1, 0.5, 1); */
}

@keyframes Hamburger {
	0%, 100% {
		transform: scaleX(1.0);
	}

	50% {
		transform: scaleX(1.3);
	}
}

/* .header__list {
	display: flex;
	flex-wrap: wrap;
} */

/* .header__item {
	margin-right: 40px;
} */

/* .header__item:last-child {
	margin-right: 0px;
} */

/* .header__link {
	font-style: normal;
	font-weight: 400;
	line-height: 22px;
	text-decoration: none;
	color: var(--main-black);
} */

/* .header__link:hover, .header__link:focus {
	color: var(--additional-link);
} */

/* .header__link:active {
	color: var(--main-blue-orig-2);
} */

/* Header styles end */

.pagebody {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	position: static;
	width: inherit;
	height: fit-content;
	padding: 0 88px 64px;
}

.pagebody__text-col {
	width: auto;
	max-width: 832px;
}

.pagebody__breadcrumb {
	display: inline-flex;
	align-items: flex-start;
	flex-wrap: wrap;
	width: inherit;
	max-width: 1264px;
	gap: 8px;
	margin-top: 24px;
	margin-bottom: 24px;
	overflow-x: visible;
}

.breadcrumb__link {
	display: flex;
	align-items: center;
	gap: 8px;
}

.breacrumb__link-label {
	color: var(--additional-link);
	font-family: var(--font-family-inter);
	font-size: var(--font-size-xs);
	font-style: normal;
	font-weight: var(--font-weight-normal);
	line-height: 18px;
	white-space: nowrap;
	text-decoration: none;
}

.breacrumb__link-label:hover, .breacrumb__link-label:active {
	color: var(--additional-orig-light);
	text-decoration-line: underline;
}

.breacrumb__link-disable {
	color: var(--grey-dark);
	font-family: var(--font-family-inter);
	font-size: var(--font-size-xs);
	font-style: normal;
	font-weight: var(--font-weight-normal);
	line-height: 18px;
	white-space: nowrap;
	text-decoration: none;
}

.breadcrumb__link-pic {
	filter: invert(99%) sepia(6%) saturate(35%) hue-rotate(28deg) brightness(112%) contrast(91%);
	width: 16px;
	height: 16px;
}

.pagebody__header {
	width: inherit;
	max-width: 832px;
	padding-bottom: 40px;
}

.pagebody__header-h2 {
	color: var(--main-fuxy);
	width: fit-content;
	margin-bottom: 24px;

	/* Mont/Header/H2 */
	font-family: var(--font-family-montserrat);
	font-size: var(--font-size-h2);
	font-style: normal;
	font-weight: 600;
	line-height: 48px;
	/* 150% */
}

.pagebody_header-date {
	color: var(--grey-dark-soft-02);
	margin-bottom: 12px;

	/* Inter/Text/14 Reg */
	font-family: var(--font-family-inter);
	font-size: var(--font-size-s);
	font-style: normal;
	font-weight: 400;
	line-height: 21px;
	/* 150% */
}

.pagebody__header-line {
	width: 100%;
	border-top: 1px solid;
	/* height: 1px; */
	color: var(--grey-light);
}

.pagebody__imglid {
	display: inline-flex;
	flex-direction: row;
	align-items: flex-start;
	justify-content: start;
	position: static;
	width: 100%;
	gap: 32px;
	margin-top: 24px;
}

.pagebody__imglid-img {
	width: 400px;
	object-fit: cover;
	position: static;
}

.pagebody__imglid-lid {
	color: var(--main-black);
}

.pagebody__newsbody {
	display: inline-flex;
	align-items: flex-start;
	width: inherit;
	max-width: 1264px;
	gap: 108px;
	/* padding-bottom: 64px; */
}

.newsbody__textblock {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
	gap: 64px;
	flex: 2 1 auto;
}

.newsbody__textblock-text {
	width: 100%;
	color: var(--main-black);
}

.newsbody__textblock-button {
	display: flex;
	height: fit-content;
	padding: 6px 14px;
	justify-content: center;
	align-items: center;
	gap: 6px;
	border-radius: 20px;
	border: 2px solid var(--main-black, #222);
	color: var(--main-black);
	text-decoration: none;
	cursor: pointer;
	transition: 0.3s;
}

.newsbody__textblock-button:hover {
	border-color: var(--additional-comment);
	transition: 0.3s;
}

/* .newsbody__button-link {
	pointer-events: visibleFill;
} */

.newsbody__button-link:link {
	text-decoration: none;
}

.newsbody__button-link:hover, .newsbody__button-link:active {
	text-decoration: none;
	color: var(--additional-comment);
	border-color: var(--main-fuxy);
}

.textblock-button__container {
	display: flex;
	align-items: center;
	gap: 6px;
}

.textblock-button__container-pic {
	width: 24px;
	height: 24px;
}

.textblock-button__container-label {
	color: var(--main-black, #222);

	/* Mont/Butt/14 Bold */
	font-family: Montserrat;
	font-size: 14px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	text-decoration: none;
}

.newsbody__textblock-newscol {
	display: flex;
	max-width: 324px;
	min-width: 216px;
	padding: 40px 32px;
	flex-direction: column;
	align-items: flex-start;
	gap: 8px;
	flex: 1 2 auto;

	border-radius: 20px;
	background: var(--grey-light);
}

.textblock__newscol-content {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	width: 100%;
	gap: 32px;
	align-self: stretch;
}

.newscol__content-header20semi {
	align-self: stretch;
	color: var(--main-black, #222);

	/* Inter/Header/20 Semi */
	font-family: Inter;
	font-size: 20px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
}

.newscol__content-newsbox {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 12px;
	align-self: stretch;
}

.newscol-content__newsbox-date {
	color: var(--grey-dark-soft-01, #666466);

	/* Inter/Text/15 Reg */
	font-family: Inter;
	font-size: 15px;
	font-style: normal;
	font-weight: 400;
	line-height: 23px;
	/* 153.333% */
}

.newscol-content__newsbox-news {
	align-self: stretch;
	color: var(--additional-link, #008EC4);

	/* Inter/Text/15 Reg */
	font-family: Inter;
	font-size: 15px;
	font-style: normal;
	font-weight: 400;
	line-height: 23px;
	text-decoration: none;
}

.newscol-content__newsbox-news:link {
	color: var(--additional-link);
}

/* .newscol-content__newsbox-news:visited {
	color: var(--grey-fuxy);
} */

.newscol-content__newsbox-news:hover, .newscol-content__newsbox-news:active {
	/* color: var(--additional-orig-light); */
	text-decoration: underline;
}

/* News styles start */

.H1-box {
	display: flex;
	width: inherit;
	max-width: 1264px;
	flex-direction: column;
	align-items: flex-start;
	gap: 16px;
	padding-top: 56px;
	padding-bottom: 40px;
}

.H1-box__header {
	align-self: stretch;
	color: var(--main-fuxy);
}

.line-72px {
	width: 76px;
	height: 2px;
}

.newsbody__news-list {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
	gap: 40px;
	flex: 2 1 auto;
}

.newsbody__news-item {
	display: inline-flex;
	width: 100%;
	flex-direction: column;
	align-items: flex-start;
	gap: 24px;
	/* justify-content: flex-start; */
}

.newsbody__news-header {
	color: var(--main-fuxy);
	font-family: var(--font-family-inter);
	font-size: 30px;
	font-style: normal;
	font-weight: var(--font-weight-normal);
	line-height: 39px;
}

.newsbody__news-data {
	color: var(--grey-dark-soft-02);
	font-family: Inter;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 21px;
}

.newsbody__news-text {
	align-self: stretch;
	color: var(--main-black, #222);
	/* font-family: Inter;
	font-size: 15px;
	font-style: normal;
	font-weight: 400;
	line-height: 26px; */
}

.newsbody__news-link {
	color: var(--additional-link, #008EC4);
	font-family: Inter;
	font-size: 15px;
	font-style: normal;
	font-weight: 400;
	line-height: 23px;
}

.newsbody__news-link:link {
	color: var(--additional-link);
	text-decoration: none;
}

.newsbody__news-link:hover, .newsbody__news-link:active {
	text-decoration: underline;
}

/* News styles end */

/* Bottom styles start */

.bottom {
	display: flex;
	width: inherit;
	/* height: fit-content; */
	padding: 64px 88px;
	flex-direction: column;
	align-items: center;
	gap: 64px;
	background: var(--grey-dark-blue, #474647);
}

.bottom__container {
	display: flex;
	justify-content: center;
	align-items: flex-start;
	align-content: flex-start;
	gap: 40px 16px;
	align-self: stretch;
	flex-wrap: wrap;

}

.bottom__container-col {
	display: flex;
	width: 167px;
	flex-direction: column;
	align-items: flex-start;
	gap: 16px;
}

.bottom-container__col-header {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 8px;
	align-self: stretch;
}

.bottom-container__header-label {
	align-self: stretch;
	color: var(--grey-light);
	font-family: var(--font-family-inter);
	font-size: 15px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	text-transform: uppercase;
	text-decoration: none;
	cursor: pointer;
	transition: 0.3s;
}

.bottom-container__header-label:hover {
	color: var(--grey-very-light);
}

.bottom-container__header-line {
	max-width: 167px;
	width: auto;
	height: 1px;
}

.bottom-container__col-link {
	display: flex;
	max-width: 167px;
	width: auto;
	flex-direction: column;
	align-items: flex-start;
	gap: 8px;
}

.bottom-container__link-label {
	align-self: stretch;
	color: var(--grey-grey);

	/* Inter/Text/12 Reg */
	font-family: var(--font-family-inter);
	font-size: var(--font-size-xs);
	font-style: normal;
	font-weight: var(--font-weight-normal);
	line-height: 18px;
	text-decoration: none;
}

.bottom-container__link-label:hover {
	color: var(--grey-very-light);
}

.bottom-container__contacts {
	display: flex;
	max-width: 167px;
	width: auto;
	flex-direction: column;
	align-items: flex-start;
	gap: 16px;

	color: var(--grey-light);
}

.bottom-container__contacts a {
	color: var(--main-white);
	text-decoration-line: underline;
}

.bottom-container__contacts-pic {
	width: 130px;
	height: 11px;
}

.bottom-container__contacts-phone {
	align-self: stretch;
	font-family: Inter;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: 21px;
	/* 150% */
}

/* .bottom-container__contacts-link {
	color: var(--main-white);
	text-decoration: underline;
} */

.bottom__copyright {
	align-self: stretch;
	color: var(--grey-grey, #D0CCD0);
	text-align: center;
	font-family: Inter;
	font-size: 11px;
	font-style: normal;
	font-weight: 400;
	line-height: 17px;
	/* 154.545% */
}

.sm-icon__wight-24px {
	width: 24px;
	height: 24px;
}

/* Bottom styles end */

/* Intro styles start */

.intro {
	display: flex;
	position: relative;
	flex-direction: column;
	align-items: center;
	width: inherit;
	/* min-width: 1264px; */
	height: fit-content;
	padding: 40px 0;
	background: var(--gradient-intro);
}

.intro-image {
	background-color: transparent;
	height: 754px;
	width: 371px;
}

.slogan {
	color: var(--main-white);
	text-align: center;

	/* Mont/Header/H0 */
	font-family: Montserrat;
	font-size: 96px;
	font-style: normal;
	font-weight: 700;
	line-height: 125px;
	/* 130.208% */

	white-space: nowrap;
	position: absolute;
	top: 148px;
}

.intro__text {
	color: var(--main-white);
	font-family: var(--font-family-inter);
	font-size: 24px;
	font-style: normal;
	font-weight: 700;
	line-height: 36px;

	text-align: center;
	position: absolute;
	top: 448px;
}

.intro__button {
	display: flex;
	padding: 16px 24px;
	justify-content: center;
	align-items: center;
	border-radius: 28px;
	border-width: 0;

	color: var(--main-white);
	background: var(--main-fuxy);
	text-decoration: none;

	position: absolute;
	bottom: 150px;

	cursor: pointer;
	transition: 0.3s;
}

.intro__button:hover {
	background-color: var(--additional-comment);
}

/* .intro__button-container {
	display: flex;
	align-items: center;
	gap: 6px;
} */

.label {
	color: var(--main-white);
	cursor: pointer;
	flex: 1;
	font-weight: 400;
	line-height: 23px;
	margin-left: 108px;
	margin-right: 407px;
	margin-top: 42px;
	max-height: 23px;
	transition: all 0.2s ease;
	white-space: nowrap;
}


.valign-text-middle {
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.montbutt16-bold {
	font-family: var(--font-family-montserrat-bold);
	font-size: var(--font-size-16px);
	letter-spacing: 0px;
	font-weight: 700;
	font-style: normal;
}

/* Intro styles end */

/* Products styles starts */

.products {
	display: inline-flex;
	width: inherit;
	max-width: 1264px;
	flex-direction: column;
	align-items: flex-start;
	gap: 32px;
}

.main-cards {
	display: flex;
	width: inherit;
	align-items: flex-start;
	gap: 32px;
}

.main-cards__business {
	display: flex;
	flex: 0 1 616px;
	/* position: relative; */
	/* max-width: 616px; */
	height: 459px;

	border-radius: 20px;
	background: linear-gradient(318deg, rgba(0, 185, 255, 0.30) 0%, rgba(161, 220, 255, 0.30) 100%);
	overflow: hidden;
}

.main-cards__pic {
	display: flex;
	flex: 0 4 216px;
	width: 100%;
	min-width: 130px;
	background-color: var(--main-green);
}

.main-cards__pic img {
	object-fit: cover;
	width: 100%;
	height: auto
}

.main-cards__text-container {
	display: flex;
	flex: 1 1 400px;
	/* width: 100%; */

	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	gap: 24px;
	padding: 56px 24px 40px 40px;
}

.main-cards__header {
	align-self: stretch;
	color: var(--grey-dark);
}

.main-cards__text {
	flex-grow: 1;
	align-self: stretch;
	color: var(--main-black);
}

.main-cards__business-button {
	display: flex;
	/* position: absolute;
	left: 40px;
	bottom: 40px; */
	height: 56px;
	padding: 16px 24px;
	justify-content: center;
	align-items: center;
	flex-shrink: 0;
	gap: 6px;
	border-radius: 28px;
	background: var(--main-blue-orig-1, #2898DA);
	text-decoration: none;
	cursor: pointer;
	transition: 0.3s;
}

.main-cards__business-button:hover {
	background-color: var(--additional-orig-light);
}

/* .main-cards__business-button-container {
	display: flex;
	align-items: center;
	gap: 6px;
} */

.main-cards__business-button-label {
	color: var(--main-white, #FFF);

	/* Mont/Butt/16 Bold */
	font-family: Montserrat;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}

.main-cards__business-button-pic {
	width: 24px;
	height: 24px;
	position: relative;
}

.main-cards__banks {
	display: flex;
	/* position: relative; */
	flex: 0 1 616px;
	/* max-width: 616px; */
	height: 459px;
	overflow: hidden;

	border-radius: 20px;
	background: linear-gradient(303deg, rgba(235, 188, 255, 0.58) 0%, rgba(204, 202, 255, 0.25) 100%);
}

.main-cards__banks-button {
	display: inline-flex;
	/* position: absolute;
	left: 40px;
	bottom: 40px; */
	height: 56px;
	padding: 16px 24px;
	justify-content: center;
	align-items: center;
	flex-shrink: 0;
	border-radius: 28px;
	background: var(--main-fuxy);
	text-decoration: none;
	cursor: pointer;
	transition: 0.3s;
}

.main-cards__banks-button:hover {
	background-color: var(--additional-comment);
}

.main-cards__banks-button-container {
	display: flex;
	align-items: center;
	gap: 6px;
}

.main-cards__banks-button-label {
	color: var(--main-white, #FFF);

	/* Mont/Butt/16 Bold */
	font-family: Montserrat;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}

.main-cards__banks-button-pic {
	width: 24px;
	height: 24px;
}

.prod-cards {
	display: flex;
	max-width: 1264px;
	align-items: stretch;
	align-content: flex-start;
	justify-content: center;
	gap: 32px;
	align-self: stretch;
	/* flex-wrap: wrap; */
}

.l-product-card {
	display: flex;
	flex: 1 1 auto;
	width: 100%;
	max-width: 292px;
	min-height: 292px;
	padding: 24px 32px;
	flex-direction: column;
	align-items: center;
	gap: 16px;
	text-decoration: none;
	border-radius: 16px;
	background: var(--grey-light-blue);

	cursor: pointer;
	transition: 0.3s;
}

.l-product-card:hover {
	transform: scale(1.1);
}

.l-product-card__content {
	display: flex;
	padding-top: 8px;
	flex-direction: column;
	align-items: flex-start;
	gap: 4px;
	align-self: stretch;
}

.l-product-card__content-header {
	align-self: stretch;
	color: var(--grey-dark, #423E37);

	/* font-family: Inter;
	font-size: 20px;
	font-style: normal;
	font-weight: 700;
	line-height: normal; */
}

.l-product-card__content-line {
	width: 100%;
	height: 1px;
	background: var(--main-fuxy, #D61B7B);
}

.l-product-card__content-text-container {
	display: flex;
	padding-top: 8px;
	flex-direction: column;
	align-items: flex-start;
	gap: 4px;
	align-self: stretch;
}

.l-product-card__content-text {
	align-self: stretch;
	color: var(--main-black, #222);
}

/* Products styles end */

/* News-wide style starts */

.news-wide {
	display: flex;
	width: inherit;
	max-width: 1264px;
	gap: 140px;
	padding-bottom: 64px;
}

.news-wide__col {
	display: flex;
	max-width: 724px;
	flex-direction: column;
	align-items: flex-start;
	gap: 56px;
	flex-shrink: 2 1 auto;
	align-self: stretch;
}

.news-wide__col-list {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 32px;
	flex: 2 1 auto;
}

.news-wide__col-item {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 12px;
	align-self: stretch;
}

.news-wide__col-img {
	display: flex;
	align-items: center;
	max-width: 400px;
	flex: 1 1 auto;
}

.news-pic {
	width: 100%;
	height: auto;
	max-height: 400px;
}

/* News-wide style end */

/* SOFTCONTROL block style starts */

.softcontrol {
	display: flex;
	flex-direction: column;
	width: inherit;
	max-width: 1264px;
	height: fit-content;
	flex-shrink: 0;
	padding: 64px 108px;
	gap: 40px;

	border-radius: 20px;
	background: var(--gradient-soft-control-2, linear-gradient(135deg, #274B74 0%, #8233C5 49.48%, #E963FD 100%));
}

.softcontrol__logo {
	width: 100px;
	height: auto;
	flex-shrink: 1;
}

.softcontrol__logo-block {
	display: flex;
	width: fit-content;
	padding: 24px 16px;
	background-color: var(--main-white);
	border-radius: 8px;
}

.softcontrol__lid {
	width: auto;
	max-width: 616px;
	flex-shrink: 1;

	color: var(--main-white, #FFF);

	/* Inter/Header/20 Semi */
	font-family: Inter;
	font-size: 20px;
	font-style: normal;
	font-weight: 600;
	line-height: 30px;
}

.softcontrol__text {
	width: auto;
	max-width: 832px;

	color: var(--main-white, #FFF);
}

.softcontrol__link {
	color: var(--main-white, #FFF);
	text-decoration: none;
}

.softcontrol__link:hover {
	text-decoration: underline;
}

.softcontrol-decision {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	width: inherit;
	padding: 24px 32px;
	margin: 32px 0;
	border-radius: 12px;
	background: var(--additional-blue-smoky);
}

.softcontrol-decision__header {
	font-weight: var(--font-weight-normal);
	font-style: italic;
	color: var(--main-fuxy-orig);
	margin: 32px 0;
}

.softcontrol-decision__title {
	color: var(--main-blue-orig-2);
	margin-bottom: 24px;
}

/* SOFTCONTROL block style end */

/* Support style start */

.support__pic-label {
	display: inline-flex;
	gap: 16px;
	margin-top: 16px;
}

.support__pic {
	width: 24px;
	height: 24px;
}

.support__label {
	color: var(--additional-link);
}

/* Support style end */

/* Pagetitle style start */

.pagetitle {
	display: flex;
	width: inherit;
	padding: 56px 88px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 24px;

	background: var(--grey-light-blue, #EBEBF5);
}

.pagetitle__content {
	display: flex;
	max-width: 1264px;
	align-items: flex-start;
	gap: 108px;
}


.pagetitle__header-content {
	display: flex;
	flex: 2 1 auto;
	/* width: 756px; */
	flex-direction: column;
	align-items: flex-start;
}

.pagetitle__text {
	color: var(--main-black, #222);
}

.pagetitle__pic {
	width: 400px;
	height: 400px;
}

/* Pagetitle style end */

/* Company style starts */

.h2__text-header {
	color: var(--main-black);
	margin-top: 48px;
	margin-bottom: 32px;
}

.history {
	display: inline-flex;
	flex-direction: column;
	align-items: flex-start;
	width: auto;
	max-width: 1048px;
	gap: 40px;
}

.history__year-box {
	display: flex;
	align-items: flex-start;
	gap: 32px;
}

.history__year {
	flex: 1 0 0;
	color: var(--main-fuxy, #D61B7B);

	/* Inter/Header/20 Semi */
	font-family: Inter;
	font-size: 20px;
	font-style: normal;
	font-weight: 600;
	line-height: 30px;
}

/* Company style end */

/* Projects style starts */

.pagebody__text-1264 {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	width: 100%;
	max-width: 1264px;
}

.pagebody__text-940px {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	width: 100%;
	max-width: 940px;
}

.projects-title {
	display: flex;
	width: auto;
	padding: 56px 88px;
	flex-direction: column;
	justify-content: center;
	align-items: center;

	background: var(--grey-light-blue, #EBEBF5);
}

.projects-title__content {
	display: flex;
	max-width: 1264px;
	flex-direction: column;
	align-items: flex-start;
	gap: 40px;
}

.projects-title__cards-wrapper {
	display: flex;
	width: 100%;
	align-items: flex-start;
	align-content: flex-start;
	gap: 32px;
	flex-wrap: wrap;
}

.projects-title__card {
	position: relative;
	width: 400px;
	height: 247px;
	flex-shrink: 0;

	border-radius: 16px;
	background: var(--grey-very-light);
	overflow: hidden;

	cursor: pointer;
	transition: 0.3s;
}

.projects-title__card:hover {
	transform: scale(1.1);
}

.projects-title__card-label {
	position: absolute;
	top: 32px;
	left: 32px;
	width: 260px;

	color: var(--additional-link, #008EC4);

	/* Inter/Header/20 Semi */
	font-family: Inter;
	font-size: 20px;
	font-style: normal;
	font-weight: 600;
	line-height: 30px;
	/* 150% */
}

.projects-title__card-pic {
	position: absolute;
	right: 12px;
	bottom: 12px;
	width: 40%;
	height: auto;

	cursor: pointer;
	transition: 0.6s;
}

.projects-title__card-pic:hover {
	transform: scale(1.2);
}

.header-18 {
	padding-top: 32px;
	padding-bottom: 24px;
}

.project-logo__pic {
	width: auto;
	max-width: 150px;
	height: auto;
	max-height: 90px;
}

.logo-box {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	width: auto;
	max-width: 200px;
	height: auto;
	max-height: fit-content;
}

/* Projects style end */

/* Decision style starts */

.decision-block {
	display: flex;
	max-width: 1264px;
	flex-direction: column;
	padding: 72px 108px;
	margin-top: 32px;
	gap: 56px;

	background: var(--grey-light);
}

.decision-block__content {
	display: flex;
	align-items: flex-start;
	width: auto;
	gap: 76px;
	align-self: stretch;
}

.decision-block__pic {
	width: 324px;
	height: 324px;
	/* min-width: 184px; */
	border-radius: 30px;
}

.decision-block__info-box {
	display: flex;
	flex: 2 1 auto;
	flex-direction: column;
	align-items: flex-start;
	gap: 32px;
	/* flex: 1 0 0; */
}

.decision-block__links-list {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 24px;
	align-self: stretch;
}

.decision-block__link-item {
	display: flex;
	align-items: flex-start;
	gap: 8px;
	align-self: stretch;
}

.decision-block__dot {
	display: flex;
	width: 8px;
	height: 8px;
	margin: 8px 0 0;
	justify-content: center;
	align-items: center;
}

.decision-block__link-text {
	display: contents;
	text-decoration: none;

	mix-blend-mode: color;
	transition: all 0.2s ease;
}

.decision-block__link-text:hover {
	color: var(--additional-orig-light);
}

/* Decision style end */

/* Parnership style starts */

.decision-block__button {
	display: flex;
	height: 40px;
	padding: 8px 14px;
	justify-content: center;
	align-items: center;
	gap: 6px;
	border-radius: 20px;
	border: 2px solid var(--grey-dark);
	color: var(--grey-dark);
	text-decoration: none;
	cursor: pointer;
	transition: 0.3s;
}

.decision-block__button:hover, .decision-block__button:active {
	border-color: var(--additional-black-black);
	color: var(--additional-black-black);
}

.decision-block__button-pic {
	width: 24px;
	height: 24px;
}

/* Parnership style end */

/* Products style stats */

.decision-block__products-content {
	display: flex;
	width: auto;
	flex-direction: column;
	align-items: flex-start;
	gap: 32px;
}

.decision-block__products-header {
	color: var(--main-blue-main);
}

.decision-block__products-wrapper {
	display: flex;
	width: auto;
	align-content: flex-start;
	align-items: center;
	align-self: stretch;
	gap: 32px;
	flex-wrap: wrap;
}

.products-card {
	display: flex;
	width: 184px;
	height: 184px;
	padding: 16px;
	flex-direction: column;
	align-items: flex-start;
	gap: 8px;

	border-radius: 8px;
	background: var(--grey-light-blue);
	cursor: pointer;
	transition: 0.3s;
	text-decoration: none;
}

.products-card:hover {
	transform: scale(1.1);
}

.products-card__header {
	align-self: stretch;

	color: var(--grey-dark, #423E37);
	font-family: Inter;
	font-size: 14px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}

.products-card__line {
	height: 1px;
	flex-shrink: 0;
	align-self: stretch;
	background: var(--main-fuxy, #D61B7B);
}

.products-card__text {
	align-self: stretch;

	color: var(--main-black, #222);

	/* Inter/Text/12 Reg */
	font-family: Inter;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 18px;

	text-decoration: none;
}

/* Products style end */

/* Vacancy style starts */

.pagebody__text-724px {
	display: flex;
	flex-direction: column;
	width: auto;
	max-width: 724px;
}

.vacancy__header-box {
	display: flex;
	flex-direction: column;
	position: relative;
	padding-top: 40px;
	padding-bottom: 32px;
}

.vacancy__label {
	color: var(--grey-dark-soft-02, #928F92);

	/* Inter/Text/12 Reg */
	font-family: Inter;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 18px;
}

.vacancy__header {
	color: var(--main-blue-orig-1, #2898DA);
}

.header__vacancy {
	display: flex;
	align-items: center;
	height: 40px;

	transition: all 0.3s ease;
	color: var(--main-main-red, #D64045);
	text-decoration: none;
}

.header__vacancy:hover {
	color: #FF4D53;
}

/* Vacancy style end */

/* Product-page style starts */

.pagebody__product-block {
	display: inline-flex;
	width: inherit;
	max-width: 1264px;
	padding: 56px 76px;
	flex-direction: column;
	align-items: flex-start;
	gap: 8px;

	border-radius: 20px;
	background: var(--gradient-product);
}

.product-block__container {
	display: flex;
	width: 100%;
	max-width: 1112px;
	align-items: flex-start;
	gap: 32px;
}

.product-block__container-img {
	display: flex;
	width: 100%;
	max-width: 324px;
	height: auto;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	flex-shrink: 2;
	align-self: stretch;
}

.product-block__pic {
	width: 80%;
	height: auto;
}

.product-block__container-content {
	display: flex;
	width: 100%;
	max-width: 756px;
	flex-direction: column;
	align-items: flex-start;
	gap: 48px;
	flex: 2 1 auto;
}

.container-content__title {
	width: 100%;
	color: var(--grey-dark);
}

.container-content__text {
	align-self: stretch;
	color: var(--main-black);
}

.container-content__button {
	display: flex;
	max-width: fit-content;
	height: 56px;
	padding: 16px 24px;
	justify-content: center;
	align-items: center;
	color: var(--main-white);
	border-radius: 8px;
	background: var(--main-fuxy);
	text-decoration: none;
	cursor: pointer;
	transition: 0.3s;
}

.container-content__button:hover, .decision-block__button:active {
	transition: all 0.4s ease;
	transform: translate(0, 4px);
}

.h2__prodduct {
	color: var(--main-fuxy);
	margin-top: 48px;
	margin-bottom: 32px;
}

.advantage-block {
	display: flex;
	flex-direction: column;
	width: inherit;
	row-gap: 32px;
}

.advantage-block__wrapper {
	display: flex;
	flex-wrap: wrap;
	gap: 32px;
	justify-content: flex-start;
}

.advantage-block__advantage-card {
	display: flex;
	flex-direction: column;
	width: auto;
	max-width: 292px;
	gap: 16px;
	color: var(--main-black);
}

/* .advantage-block__advantage-title {
	display: flex;
	text-align: center;
} */

/* .advantage-block__advantage-text {
	display: flex;
	text-align: center;
} */

/* Product-page style end */

/* Parthnership style starts */

.parthner-block {
	display: inline-flex;
	width: inherit;
	max-width: 1264px;
	padding: 56px 76px;
	flex-direction: column;
	align-items: flex-start;
	gap: 8px;
	border-radius: 20px;
	border: 2px solid var(--grey-light);

	&:not(:last-child) {
		margin-bottom: 32px;
	}
}

.parthner-block__container {
	display: flex;
	width: 100%;
	max-width: 1112px;
	align-items: flex-start;
	gap: 32px;
}

.parthner-block__container-img {
	display: flex;
	width: 100%;
	max-width: 184px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	flex-shrink: 2;
	align-self: stretch;
}

.parthner-logo__pic {
	width: auto;
	max-width: 184px;
	height: auto;
	max-height: 184px;
}

.parthner-block__container-content {
	display: flex;
	width: 100%;
	max-width: 940px;
	flex-direction: column;
	align-items: flex-start;
	gap: 24px;
	flex: 2 1 auto;
}

.parthner-block__title {
	width: 100%;
	color: var(--main-blue-orig-2);
}

.parthner-block__title a {
	color: var(--main-blue-orig-2);
	text-decoration: none;
}

.parthner-block__title a:hover {
	color: var(--main-blue-orig-2);
	text-decoration: underline;
}

/* Parthnership style end */

.menu-tabs {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	flex-wrap: wrap;
	gap: 8px;
	padding-top: 32px;
}

.button-m {
	display: inline-flex;
	height: 40px;
	padding: 4px 8px;
	justify-content: center;
	align-items: center;
	border-radius: 0px;
	border: 1px solid var(--main-black);
	color: var(--main-black);
	white-space: nowrap;
	text-decoration: none;
	cursor: pointer;
	transition: 0.3s;
}

.button-m:hover {
	color: var(--main-white);
	background-color: var(--main-black);
}

/* Contacts style starts */

.contacts__arudit-logo {
	max-width: 200px;
	height: auto;
	margin-bottom: 16px;
}

.map-block {
	position: relative;
	overflow: hidden;
	width: inherit;
}

.map-block__iframe {
	display: flex;
	position: relative;
	width: 100%;
	max-width: inherit;
}

/* Contacts style end */

/* Certificate style starts */

.certificate-block {
	display: inline-flex;
	width: inherit;
	max-width: 1264px;
	padding: 56px 76px;
	flex-direction: column;
	align-items: flex-start;
	gap: 8px;
	border-radius: 20px;
	background-color: var(--grey-light-blue);

	&:not(:last-child) {
		margin-bottom: 32px;
	}
}

.certificate-block__container {
	display: flex;
	width: 100%;
	max-width: 1112px;
	align-items: flex-start;
	gap: 32px;
}

.certificate-block__container-img {
	display: flex;
	width: 100%;
	max-width: 184px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	flex-shrink: 2;
	align-self: stretch;
}

.certificate-logo__pic {
	width: auto;
	max-width: 184px;
	height: auto;
	max-height: 184px;
}

.certificate-block__container-content {
	display: flex;
	width: 100%;
	max-width: 940px;
	flex-direction: column;
	align-items: flex-start;
	gap: 24px;
	flex: 2 1 auto;
}

.certificate-block__title {
	width: 100%;
	color: var(--main-blue-orig-2);
}

.certificate-block__title a {
	color: var(--main-blue-orig-2);
	text-decoration: none;
}

.certificate-block__title a:hover {
	color: var(--main-blue-orig-2);
	text-decoration: underline;
}

/* Certificate style end */

/* Press style starts */

.press-block {
	display: inline-flex;
	width: inherit;
	max-width: 1264px;
	padding: 40px 56px;
	flex-direction: column;
	align-items: flex-start;
	gap: 8px;
	border-radius: 20px;
	border: 2px solid var(--grey-light);

	&:not(:last-child) {
		margin-bottom: 16px;
	}
}

.press-block__container {
	display: flex;
	width: 100%;
	max-width: 1112px;
	align-items: flex-start;
	gap: 32px;
}

.press-block__container-content {
	display: flex;
	width: 100%;
	max-width: 940px;
	flex-direction: column;
	align-items: flex-start;
	gap: 16px;
	flex: 2 1 auto;
}

/* Press style end */

/* Form style start */

.forma-block {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	width: 100%;
	max-width: 940px;
	gap: 16px;
	padding: 32px 0;
}

.forma-block__input {
	display: flex;
	width: inherit;
	height: 54px;
	padding: 16px;
	align-items: flex-start;
	gap: 8px;

	border: 1px solid var(--grey-dark-soft-01);
	background: var(--main-white);
	color: var(--grey-dark);
}

.is-invalid {
	border: 1px solid var(--main-red-main);
}

.forma-block__label {
	color: var(--grey-dark-soft-02);
}

.forma-block__input-container {
	display: flex;
	flex-direction: column;
	vertical-align: top;
	width: inherit;
	height: auto;
	min-height: 156px;
	padding: 16px;
	gap: 8px;
	cursor: text;
	border: 1px solid var(--grey-dark-soft-01);
	background: var(--main-white);
}

.forma-block__input-comment {
	border: none;
	outline: none;
	white-space: normal;
	word-wrap: break-word;
	word-break: break-all;
	color: var(--grey-dark);
}

.forma-block__button {
	display: inline-flex;
	width: auto;
	height: 40px;
	padding: 8px 14px;
	justify-content: center;
	align-items: center;

	border-radius: 4px;
	border-width: 0;
	background: var(--main-fuxy);
	color: var(--main-white);
	white-space: nowrap;
	text-decoration: none;
	cursor: pointer;
	transition: 0.3s;
}

.forma-block__button:hover {
	background-color: var(--additional-comment);
}

.alert {
	display: flex;
	padding: 12px 12px 12px 12px;
	margin: 24px 0 0 0;
	white-space: nowrap;
	background: var(--grey-green-light);
	border-radius: 4px;
}

.invalid-feedback {
	color: var(--main-red-main);
}

.error {
	display: flex;
	padding: 0 0 8px 0;
	white-space: nowrap;
}

/* Form style end */

.download-file {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	gap: 8px;
}

.download-file__icon {
	width: 24px;
	height: 24px;
	filter: invert(67%) sepia(5%) saturate(157%) hue-rotate(251deg) brightness(84%) contrast(86%);
}

.pagebody__img {
	display: flex;
	justify-content: flex-start;
	width: inherit;
	padding: 18px 0 32px 0;
}

.pagebody__pic {
	width: 80%;
	/* max-width: 100%; */
	height: auto;
}

/* Hover dropdowns style start */

.dropdown-menu__bg {
	display: flex;
	flex-direction: row;
	position: absolute;
	width: 100%;
	top: 136px;
	z-index: 20;
	background: var(--grey-very-light);
	border-bottom: 1px solid var(--grey-grey);
	transition: all 0.3s cubic-bezier(0.16, 1, 0.5, 1);
	visibility: hidden;
	opacity: 0;
}

.dropdown-menu {
	display: flex;
	flex-direction: row;
	max-width: 1264px;
	align-items: flex-start;
	height: fit-content;
	gap: 32px;
	/* background: var(--main-white); */
}

.dropdown-menu__left-blank {
	display: flex;
	min-width: 88px;
	align-self: stretch;
	flex: 1 2 auto;
	/* background-color: var(--main-white); */
}

.dropdown-menu__right-blank {
	display: flex;
	min-width: 88px;
	align-self: stretch;
	flex: 1 2 auto;
	background-color: var(--grey-light-blue);
}

.dropdown-menu__container-left {
	display: flex;
	/* max-width: 400px; */
	width: 400px;
	padding: 40px 0px 48px;
	flex-direction: column;
	align-items: flex-start;
	flex: 1 2 auto;
}

.dropdown-menu__container-right {
	display: flex;
	/* max-width: 476px; */
	width: 476px;
	padding: 40px 0px 48px;
	flex-direction: column;
	align-items: flex-start;
	flex: 1 2 auto;
}

.dropdown-menu__container-but {
	display: flex;
	width: inherit;
	padding: 24px 32px;
	align-items: center;
	gap: 8px;
	align-self: stretch;
	border-radius: 8px;
	color: var(--main-black);
	text-decoration: none;
	cursor: pointer;
	transition: all 0.3s cubic-bezier(0.16, 1, 0.5, 1);
}

.dropdown-menu__container-but:hover {
	background-color: var(--grey-light-blue);
}

.dropdown-menu__line-v {
	align-self: stretch;
	width: 1px;
	background: var(--grey-grey);
}

.dropdown-menu__offer-box {
	display: flex;
	flex-direction: column;
	/* max-width: 380px; */
	align-items: flex-start;
	justify-content: flex-start;
	align-self: stretch;
	padding: 64px 0 64px 55px;
	gap: 32px;
	background: var(--grey-light-blue);
	flex: 1 1 auto;
}

.dropdown-menu__offer-header {
	color: var(--grey-dark-soft-02);
	font-family: var(--font-family-montserrat);
	font-size: var(--font-size-m);
	font-style: normal;
	font-weight: var(--font-weight-bold);
	line-height: normal;
	text-transform: uppercase;
}

.dropdown-menu__offer-title {
	color: var(--grey-dark);
}

.dropdown-menu__offer-text {
	color: var(--grey-dark-soft-01);
}

.dropdown-menu__offer-container {
	display: flex;
	width: inherit;
	flex-direction: column;
	align-items: flex-start;
	max-width: 236px;
	gap: 16px;
}

.dropdown-menu__download-but {
	display: flex;
	max-width: fit-content;
	height: 40px;
	padding: 8px 14px;
	justify-content: center;
	align-items: center;
	border-radius: 4px;
	color: var(--main-white);
	background: var(--main-fuxy);
	white-space: nowrap;
	text-decoration: none;
	cursor: pointer;
	transition: 0.3s;
}

.dropdown-menu__download-but:hover {
	transform: translate(0, 3px);
}

/* Hover dropdowns style end */

/* Hover dropdowns Prototype 01 style start */


.dropdown-menu_p01 {
	display: flex;
	flex-direction: row;
	max-width: 1264px;
	align-items: flex-start;
	height: fit-content;
	gap: 24px;
	/* background: var(--main-white); */
}

.dropdown-menu__left-blank {
	display: flex;
	min-width: 88px;
	align-self: stretch;
	flex: 1 2 auto;
	/* background-color: var(--main-white); */
}

.dropdown-menu__right-blank {
	display: flex;
	min-width: 88px;
	align-self: stretch;
	flex: 1 2 auto;
	background-color: var(--grey-light-blue);
}

.dropdown-menu__container-left_p01 {
	display: flex;
	/* max-width: 400px; */
	width: 500px;
	padding: 24px 0px 32px;
	flex-direction: column;
	/* align-items: flex-start; */
	align-items: end;
	flex: 1 2 auto;
}

.dropdown-menu__container-right_p01 {
	display: flex;
	/* max-width: 476px; */
	width: 376px;
	padding: 24px 0px 32px;
	flex-direction: column;
	align-items: flex-start;
	flex: 1 2 auto;
}

.dropdown-menu__container-but_p01 {
	display: flex;
	/* width: inherit; */
	width: 376px;
	padding: 16px 24px;
	align-items: center;
	gap: 8px;
	align-self: stretch;
	border-radius: 8px;
	color: var(--main-black);
	text-decoration: none;
	cursor: pointer;
	transition: all 0.3s cubic-bezier(0.16, 1, 0.5, 1);
	font-family: Inter;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 21px;
}

.dropdown-menu__container-but_p01:hover {
	background-color: var(--grey-light-blue);
	color: var(--main-black);
}

.dropdown-menu__line-v {
	align-self: stretch;
	width: 1px;
	background: var(--grey-grey);
}

.dropdown-menu__offer-box {
	display: flex;
	flex-direction: column;
	/* max-width: 380px; */
	align-items: flex-start;
	justify-content: flex-start;
	align-self: stretch;
	padding: 64px 0 64px 55px;
	gap: 32px;
	background: var(--grey-light-blue);
	flex: 1 1 auto;
}

.dropdown-menu__offer-header {
	color: var(--grey-dark-soft-02);
	font-family: var(--font-family-montserrat);
	font-size: var(--font-size-m);
	font-style: normal;
	font-weight: var(--font-weight-bold);
	line-height: normal;
	text-transform: uppercase;
}

.dropdown-menu__offer-title {
	color: var(--grey-dark);
}

.dropdown-menu__offer-text {
	color: var(--grey-dark-soft-01);
}

.dropdown-menu__offer-container {
	display: flex;
	width: inherit;
	flex-direction: column;
	align-items: flex-start;
	max-width: 236px;
	gap: 16px;
}

/* .dropdown-menu__download-but {
	display: flex;
	max-width: fit-content;
	height: 40px;
	padding: 8px 14px;
	justify-content: center;
	align-items: center;
	border-radius: 4px;
	color: var(--main-white);
	background: var(--main-fuxy);
	white-space: nowrap;
	text-decoration: none;
	cursor: pointer;
	transition: 0.3s;
}

.dropdown-menu__download-but:hover {
	transform: translate(0, 3px);
} */

/* Hover dropdowns Prototype 01 style end */

/* Hover dropdowns Prototype 02 style start */

.dropdown-menu__bg_p02 {
	display: flex;
	flex-direction: row;
	position: absolute;
	width: 100%;
	top: 144px;
	z-index: 20;
	background: var(--main-white);
	border-bottom: 1px solid var(--grey-grey);
	transition: all 0.3s cubic-bezier(0.16, 1, 0.5, 1);
	visibility: hidden;
	opacity: 0;
}

.dropdown-menu_p02 {
	display: flex;
	flex-direction: row;
	max-width: 1264px;
	align-items: flex-start;
	justify-content: center;
	height: fit-content;
	flex: 2 1 auto;
	/* gap: 32px; */
	/* background: var(--main-white); */
}

.dropdown-menu__left-blank_p02 {
	display: flex;
	min-width: 88px;
	align-self: stretch;
	flex: 1 2 0;
	background-color: var(--main-white);
	/* background-color: var(--additional-link-light); */
}

.dropdown-menu__right-blank_p02 {
	display: flex;
	min-width: 88px;
	align-self: stretch;
	flex: 1 2 0;
	background-color: var(--main-white);
	/* background-color: var(--additional-comment); */
}

.ddm__decisions-cont {
	flex-direction: column;
	max-width: 1072px;
	flex: 2 1 auto;
	padding: 40px 0px 48px;
}

.ddm__products-cont {
	flex-direction: column;
	max-width: 1184px;
	padding: 40px 0px 48px;
}

.ddm__project-cont {
	flex-direction: column;
	max-width: 1216px;
	padding-bottom: 48px;
	flex: 2 1 auto;
}

.ddm__3coll-box {
	display: inline-flex;
	flex-direction: row;
	width: inherit;
	padding: 40px 0px 0px;
	gap: 32px;
	flex: 2 1 auto;
}

.ddm__3coll-cont {
	flex-direction: row;
	max-width: 1216px;
	padding: 40px 0px 8px;
	gap: 32px;
	flex: 2 1 auto;
}

.ddm__2coll-cont {
	flex-direction: row;
	justify-content: center;
	max-width: 1264px;
	padding: 40px 0px 8px;
	gap: 32px;
	flex: 2 1 auto;
}

.ddm__cont-raw {
	display: inline-flex;
	width: inherit;
}

.ddm__cont-cell {
	display: flex;
	flex-direction: column;
	/* width: 50%; */
	flex-basis: 50%;
	gap: 16px;
}

.ddm__cont-cell a {
	color: var(--main-black);
}

.ddm__cont-cell a:hover {
	text-decoration: none;
}

.ddm__cont-cell-2 {
	display: flex;
	flex-direction: column;
	flex-basis: 37%;
	gap: 12px;
}

.ddm__cont-cell-3 {
	display: flex;
	width: 33%;
	flex-direction: column;
	gap: 8px;
}

.ddm__cont-cell-4 {
	display: flex;
	max-width: 488px;
	flex-direction: column;
	gap: 8px;
	flex: 2 0 40%;
}

.ddm__cont-cell-padd {
	display: flex;
	max-width: 176px;
	flex: 1 1 20%;
}

.dropdown-menu__container-but_p02 {
	display: flex;
	width: 100%;
	padding: 16px 16px;
	align-items: center;
	align-self: stretch;
	border-radius: 4px;
	cursor: pointer;
	transition: all 0.3s cubic-bezier(0.16, 1, 0.5, 1);
}

.dropdown-menu__container-but_p02:hover {
	background-color: var(--grey-light-blue);
}

.ddm__but-container02 {
	display: flex;
	width: 100%;
	padding: 8px 16px;
	align-items: center;
	align-self: stretch;
	border-radius: 4px;
	gap: 4px;
	cursor: pointer;
	transition: all 0.3s cubic-bezier(0.16, 1, 0.5, 1);
}

.ddm__but-container02 a:hover {
	text-decoration: none;
}

.ddm__but-container02:hover {
	background-color: var(--grey-light);
}

.ddm__but-con02-header {
	color: var(--main-black);
}

.ddm__but-con02-header, .inter-18-med {
	line-height: 22px;
	padding-bottom: 8px;
}

.ddm__but-con02-text {
	color: var(--grey-dark-soft-01);
}

.ddm__link-big {
	display: flex;
	white-space: nowrap;
	padding: 0 16px 16px;
	align-items: center;
	gap: 8px;
}

.ddm__link-big a {
	color: var(--main-black);
	text-decoration: none;
}

.ddm__link-big a:hover {
	color: var(--additional-black-black);
	text-decoration: underline;
}

.ddm__link-big-3coll {
	display: flex;
	white-space: nowrap;
	padding: 0 0 40px;
	align-items: center;
	gap: 8px;
}

.ddm__link-big-3coll a {
	color: var(--main-black);
	text-decoration: none;
}

.ddm__link-big-3coll a:hover {
	color: var(--additional-black-black);
	text-decoration: underline;
}

.ddm__link-bottom {
	display: flex;
	padding: 24px 16px 0px;
	align-items: center;
	gap: 8px;
}

.dropdown-menu__line-v {
	align-self: stretch;
	width: 1px;
	background: var(--grey-grey);
}

.dropdown-menu__offer-box_p02 {
	display: flex;
	flex-direction: column;
	/* max-width: 380px; */
	align-items: flex-start;
	justify-content: flex-start;
	align-self: stretch;
	padding: 24px;
	margin-left: 16px;
	gap: 32px;
	border-radius: 4px;
	background: var(--grey-light-blue);
	flex-basis: 26%;
}

.dropdown-menu__offer-header {
	color: var(--grey-dark-soft-02);
	font-family: var(--font-family-montserrat);
	font-size: var(--font-size-m);
	font-style: normal;
	font-weight: var(--font-weight-bold);
	line-height: normal;
	text-transform: uppercase;
}

.dropdown-menu__offer-title {
	color: var(--grey-dark);
}

.dropdown-menu__offer-text {
	color: var(--grey-dark-soft-01);
}

.dropdown-menu__offer-container_p02 {
	display: flex;
	width: inherit;
	flex-direction: column;
	align-items: flex-start;
	max-width: 236px;
	gap: 32px;
}

.dropdown-menu__offer-container_p02 a {
	color: var(--main-white);
}

.dropdown-menu__offer-container_p02 a:hover {
	text-decoration: none;
}

.dropdown-menu__download-but_p02 {
	display: flex;
	max-width: fit-content;
	height: 40px;
	padding: 8px 14px;
	justify-content: center;
	align-items: center;
	border-radius: 4px;
	color: var(--main-white);
	background: var(--main-fuxy);
	white-space: nowrap;
	text-decoration: none;
	cursor: pointer;
	transition: 0.3s;
}

.dropdown-menu__download-but_p02:hover {
	transform: translate(0, 3px);
}

/* Hover dropdowns Prototype 02 style end */

/* Hamburger dropdown style start */

.hamburger__shadow {
	content: '';
	background: var(--grey-dark);
	position: absolute;
	left: 0;
	top: 88px;
	width: 100%;
	height: 100%;
	z-index: 18;
	/* transition: all 0.3s cubic-bezier(0.16, 1, 0.5, 1); */
	visibility: hidden;
	opacity: 0;
}

.hamburger__shadow-show {
	visibility: visible;
	opacity: 0.7;
}

.hamburger__dropdown {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	position: absolute;
	width: 80%;
	top: 88px;
	right: 0;
	padding: 56px 32px 56px 48px;
	gap: 24px;
	z-index: 21;
	background-color: var(--main-white);
	border-radius: 0 0 0 8px;
	transition: all 0.3s cubic-bezier(0.16, 1, 0.5, 1);
	visibility: hidden;
	opacity: 0;
}

.hamburger__dropdown-show {
	visibility: visible;
	opacity: 1;
}

.hamburger__list {
	display: none;
}

.hamburger__list-show {
	display: block;
}

/* .hamburger__item {} */

.hide {
	visibility: hidden;
	opacity: 0;
}

.show {
	visibility: visible;
	opacity: 1;
}

/* Hamburger dropdown style end */

/* Clients block style start */

.clients {
	display: flex;
	position: relative;
	flex-direction: column;
	align-items: center;
	width: inherit;
	/* min-width: 1264px; */
	height: fit-content;
	padding: 48px 88px;
	background: var(--grey-light-fuxy);
}

.clients-logo__wrapper {
	display: flex;
	max-width: 1264px;
	align-content: flex-start;
	align-items: center;
	justify-content: center;
	gap: 32px;
	flex-wrap: wrap;
	padding-bottom: 48px;
}

.clients-logo__box {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 184px;
	height: 184px;
	border: 1px solid;
	border-radius: 8px;
	border-color: var(--grey-grey);
}

.clients-logo__img {
	max-width: 152px;
	max-height: 152px;
	width: auto;
	height: auto;
}

.clients-logo__button {
	display: flex;
	max-width: fit-content;
	height: 56px;
	padding: 16px 24px;
	justify-content: center;
	align-items: center;
	color: var(--main-white);
	border-radius: 8px;
	background: var(--main-black);
	text-decoration: none;
	cursor: pointer;
	transition: 0.3s;
}

.clients-logo__button:hover, .clients-logo__button:active {
	transition: all 0.4s ease;
	transform: translate(0, 4px);
}

/* Clients block style end */

/* Table Style start */

.table-news table, th, td {
	border: 1px solid var(--grey-grey);
	padding: 8px;
	vertical-align: middle;
}

.table-news__thead {
	background-color: var(--grey-light);
}

/* Table Style end */

.videoframe {
	width: 100%;	/* Гибкая ширина для любых устройств */
	aspect-ratio: 16 / 9;	/* Пропорции, аналогичные экрану — 16:9 */
}