nav {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	position: sticky;
}

body {
	width: 100%;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	overflow-x: hidden;
}

ul li {
	list-style: none;
}

a {
	text-decoration: underline;
}

select {
	appearance: none;
	/* Убирает стандартный стиль браузера */
	-webkit-appearance: none;
	-moz-appearance: none;
}

a,
li,
p,
span,
.btn1,
.btn2,
h1,
h2,
h3,
h4,
button,
div {
	font-family: "Golos Text", serif !important;
}

/*блок с картинками*/
.viol-txt {
	color: #6245d8;
}

.main-bnr {
	max-width: 99%;
	display: flex;

	/* Включаем flexbox */

	box-sizing: border-box;
	/* Учитываем padding и border */
}

.main-bnr {
	margin: 0px auto;
}

.left {
	/* Ограничиваем ширину левой части */
	box-sizing: border-box;
	padding: 20px;
	/* Внутренние отступы */
}

@media (min-width: 1001px) {
	.left {
		width: 150%;
	}
}

.viol-txt {
	background-color: rgba(98, 69, 216, 0.1);
	border-radius: 12px;
	padding: 0px;
}

@media (max-width: 1280px) {
	.viol-txt {
		border-radius: 12px;
		padding: 0px;
	}
}

.text-left {
	font-size: 3.5rem;
	font-weight: 700;
}

/*Адаптивное поведение для ширины экрана */
@media (max-width: 1480px) {
	.highlight::before {
		width: 8em;
		/* Уменьшение ширины */
		height: 1em;
		/* Пропорциональная высота */
	}
}

@media (max-width: 768px) {
	.highlight {
		font-size: 2.25rem;
		/* Уменьшение шрифта для мобильных */
	}

	.highlight::before {
		width: 6em;
		/* Пропорционально меньший фон */
		height: 1em;
	}

	.year-abt {
		font-size: 0.9rem !important;
	}

	section {
		margin: 0 16px;
	}
}

.textt {
	font-weight: 400;
	font-size: 1.5rem;
	color: #747474;
}

.btn1 {
	background-color: #6245d8;
	font-weight: 400;
	font-size: 1.25rem;
	line-height: 100%;
	position: relative;
	display: flex;
	/* Включаем flexbox для выравнивания */
	justify-content: center;
	/* Горизонтальное выравнивание текста */
	align-items: center;
	/* Вертикальное выравнивание текста */
	border-radius: 16px;
	width: 242px;
	/* 242px при шрифте 20px */
	height: 56px;
	/* 56px при шрифте 20px */
	background-color: #6245d8;
	color: #fff;
	text-align: center;
	border: none;
	cursor: pointer;
	transition: all 0.3s ease;
	padding: 0;
	/* Убираем внутренние отступы для точного выравнивания */
}

.btn1 a {
	text-decoration: none;
}

.btn2 a {
	text-decoration: none;
}

@media (max-width: 767px) {
	.adaptive-button {
		font-size: 1rem;
		/* Еще меньше для мобильных */
		width: 10em;
		/* Пропорциональное уменьшение ширины */
		height: 2.25em;
		/* Пропорциональная высота */
	}

	.u-sheet-1 {
		min-height: 80vw !important;
	}

	.credit {
		max-width: 80%;
	}

	body {
		max-width: 100%;
	}
}

@media (max-width: 1200px) {
	.footer_right div {
		font-size: 0.875rem !important;
	}
}

.btn2 {
	background-color: black;
	width: 184px;
	height: 56px;
	font-weight: 400;
	font-size: 1.25rem;
	/* Базовый размер шрифта */
	line-height: 100%;
	/* Высота текста */
	position: relative;
	display: flex;
	/* Включаем flexbox для выравнивания */
	justify-content: center;
	/* Горизонтальное выравнивание текста */
	align-items: center;
	/* Вертикальное выравнивание текста */
	border-radius: 16px;

	/* 56px при шрифте 20px */
	color: #fff;
	text-align: center;
	border: none;
	cursor: pointer;
	transition: all 0.3s ease;
	padding: 0;
	/* Убираем внутренние отступы для точного выравнивания */
	margin-left: 16px;
}

@media (max-width: 768px) {
	.btns {
		flex-direction: column !important;
		width: 100%;
	}

	.btn1,
	.btn2 {
		width: 100%;
		margin: 10px 0px;
	}

	.credit {
		font-size: 2rem !important;
	}
}

.btns {
	display: flex;
	flex-direction: row;
}

/* сменить значения*/

.main-bnr {
	display: flex;
	align-items: center;
}

.u-section-1 {
	margin-top: 80px;
	width: 85%;
	position: relative;
	/* Используем relative для контекста позиционирования */
}

.u-section-1 .u-sheet-1 {
	min-height: 500px;
}

.u-section-1 .u-image-1,
.u-section-1 .u-image-2,
.u-section-1 .u-image-3,
.u-section-1 .u-image-4,
.u-section-1 .u-image-5 {
	position: absolute;
	z-index: 1;
	transition: all 0.3s ease;
	/* Плавное изменение */
}

.u-section-1 .u-image-1 {
	width: 50%;
	/* Исходная ширина для 3r.png */
	margin: -10% 10% 10% 49%;
	z-index: 14;
}

.u-section-1 .u-image-2 {
	width: 35%;
	/* Исходная ширина для 4r.png */
	margin: 45% 30% 5% 40%;
	z-index: 3;
}

.u-section-1 .u-image-3 {
	width: 63%;
	/* Исходная ширина для 5r.png */
	margin: 37% 10% 0 47%;
	z-index: 3;
}

.u-section-1 .u-image-4 {
	width: 35%;
	/* Исходная ширина для r.png */
	margin: 30% 0% 5% 1%;
	z-index: 0;
}

.u-section-1 .u-image-5 {
	width: 60%;
	/* Исходная ширина для r2.png */
	margin: 2% 60% 10% 20%;
	z-index: 2;
}

@keyframes float {
	0% {
		transform: translateY(0);
	}

	50% {
		transform: translateY(-10px);
	}

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

.u-section-1 .u-image-1 {
	animation: float 3s ease-in-out infinite;
	animation-delay: 0s;
	/* Без задержки */
}

.u-section-1 .u-image-2 {
	animation: float 3s ease-in-out infinite;
	animation-delay: 0.3s;
	/* Асинхронность */
}

.u-section-1 .u-image-3 {
	animation: float 3s ease-in-out infinite;
	animation-delay: 0.6s;
	/* Асинхронность */
}

.u-section-1 .u-image-4 {
	animation: float 3s ease-in-out infinite;
	animation-delay: 0.9s;
	/* Асинхронность */
}

.u-section-1 .u-image-5 {
	animation: float 3s ease-in-out infinite;
	animation-delay: 1.2s;
	/* Асинхронность */
}

#auto-typing {
	font-weight: bold;

	color: rgba(98, 69, 216, 1);
	/* Цвет текста */
	white-space: nowrap;
	/* Запрет переноса текста */
	overflow: hidden;
	/* Скрываем текст до окончания анимации */
	display: inline-block;
	animation: typing 4s steps(50) 1 forwards;
	/* Набор текста */
	position: relative;
	/* Для курсора */
	max-width: 8.8em;
	margin: 0em -0em -0.2em 0em;
}

#auto-typing::after {
	content: "";
	/* Курсор */
	position: absolute;

	top: 0;
	bottom: 0;
	width: 2px;
	background-color: #6a0dad;
	animation: blink-cursor 0.6s step-end infinite;
	/* Мигание курсора */
}

@keyframes typing {
	0% {
		width: 0;
	}

	100% {
		width: 100%;
	}
}

@keyframes blink-cursor {
	0% {
		opacity: 1;
	}

	50% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

/* Исходные стили */
.arrow {
	transition: transform 0.5s ease-out;
	/* Плавная анимация поворота */
}

/* Ховер на родительском элементе */
.arrow:hover {
	transform: rotate(360deg);
	/* Поворот на 360 градусов */
}

@media (max-width: 1000px) {
	.main-bnr {
		display: flex;
		flex-direction: column-reverse;
		align-items: center;
		margin-top: 50px;
	}

	.credit {
		margin-top: 40px !important;
	}
}

/*иконки*/

.a {
	gap: 20px;

	/* Обеспечиваем растягивание на всю ширину контейнера */
	flex-wrap: nowrap;
	/* Разрешаем перенос элементов */
}

.icns div {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	/* Внутренние элементы располагаются вертикально */
	gap: 26px;
	box-sizing: border-box;
}

@media (min-width: 2000px) {
	.u-section-1 {
		width: 70%;
	}

	.u-section-1 .u-sheet-1 {
		min-height: 600px;
	}
}

.icns_flex {
	gap: 0px !important;

	height: auto;
	box-sizing: border-box;
	background-color: #efefef;
	border-radius: 36px;
	/*flex: 3;*/
}

.icns_nd h3 {
	margin: 44px 0 12px 0;
	font-weight: 600 !important;
}

.icns_nd p {
	margin: 0 0 12px 0;
}

.icns h3 {
	font-size: 1.75rem;
	font-weight: 500;
	margin: 0;
}

.icns p {
	line-height: 1.3125rem;
	margin: 0 0 32px 24px;
}

/* Медиазапросы для маленьких экранов */
@media (max-width: 768px) {
	.btm_block h2 {
		font-weight: 500;
	}

	.icns div {
		flex: 1 1 100%;
		/* Каждый блок будет занимать всю ширину контейнера */
		min-width: 0;
		/* Убираем минимальную ширину */
	}

	.icns_img img {
		max-width: 100%;
		/* Убираем ограничение на ширину изображения */
		margin-top: 20px;
	}
}

.icns_nd {
	background-color: #ffffff;
	border: 1px solid #e5e5e5;
	border-radius: 32px;
	width: 50%;
	/* Относительная ширина блока */

	/* Ограничение максимальной ширины */
	box-sizing: border-box;
	padding: 16px 12px;
	margin-top: 26px;
	/* Отступ сверху */
}

.icns h3 {
	font-size: 1.75rem;
}

.icns_flex_abt p {
	margin: 0 0 32 32px !important;
}

.icns_img_h3 img {
	margin: 32px 0 0 32px;
}

.flex {
	display: flex;
	justify-content: space-between;
}

.icns_nd {
	margin-top: 26px;
}

.icns {
	display: flex;
	justify-content: space-between;

	gap: 26px;
	box-sizing: border-box;
	margin: 0 auto;
	/* Центрируем блок по горизонтали */
}

.a {
	display: flex;

	gap: 20px;
	box-sizing: border-box;
	margin: 0 auto;
	/* Центрируем блок по горизонтали */
	align-items: stretch;
	/* Устанавливаем одинаковую высоту для всех дочерних элементов */
}

.icns img {
	max-width: 33%;
	max-height: 126px;
	margin: 32px 32px 0 0;
	height: auto;
	object-fit: cover;
	/* Для аккуратного отображения изображений */
}

.icns_img {
	display: flex !important;
	justify-content: space-between !important;
	flex-direction: row !important;
	min-width: 325px;
}

.icns_img h3 {
	font-weight: 600;
	margin: 32px 0 0 32px;
}

.icns div > p {
	text-align: left;
	max-width: 65%;
}

.svg svg {
	color: #6245d8;
	/* Цвет стрелки */
}

.svg path {
	fill: currentColor;
	/* Использует цвет из свойства color */
}

.svg {
	background-color: #9e9e9e0f;
	opacity: 1;
	/* Исправлено значение, т.к. opacity не может быть больше 1 */
}

.svg {
	width: 56px;
	/* Ограничиваем размер фона */
	height: 56px;
	/* Ограничиваем размер фона */
	background-color: #9e9e9e0f;
	/* Полупрозрачный фон */
	border-radius: 50%;
	/* Делаем фон круглым */
	display: flex;
	/* Центрируем SVG внутри фона */
	justify-content: center;
	align-items: center;
}

.svg svg {
	color: #6245d8;
	/* Цвет стрелки */
}

.svg path {
	fill: currentColor;
	/* Использует цвет из свойства color */
}

.icns_nd {
	background-color: #ffffff;
	border: 1px solid;
	border-radius: 32px;
	border-color: #e5e5e5;
}

.icns_nd {
	width: 50%;
	/* Относительная ширина блока */

	/* Ограничение максимальной ширины */
	box-sizing: border-box;
}

.icns p {
	font-size: 1.125rem;
	margin-top: 10px;
}

.flex {
	display: flex;
	justify-content: space-between;
}

.icns_nd {
	margin-top: 26px;
	padding: 32px;
	font-size: 1.5rem;
}

.icns_nd p {
	max-width: 75%;
}

@media (max-width: 1000px) {
	/* Контейнер icns */
	.icns {
		flex-direction: column;
		/* Расположить блоки вертикально */
		align-items: center;
		/* Центровать блоки */
		width: 100% !important;
		/* Занять всю ширину страницы */
		gap: 20px;
		/* Отступы между блоками */
	}

	.icns_flex {
		width: 100%;
		/* Блоки занимают 90% ширины страницы */
		max-width: none;
		/* Убираем ограничение ширины */
		margin: 0 auto;
		/* Центровка блока */
		flex-direction: column;
		/* Внутренние элементы вертикально */
		align-items: center;
		/* Центровка содержимого */
	}

	/* Порядок элементов внутри icns_flex */
	.icns_img {
		display: flex;
		flex-direction: column !important;
		/* Элементы (фото и заголовок) вертикально */
		align-items: center;
		justify-content: space-between;
		/* Центровка содержимого */
		gap: 0px !important;
		/* Отступ между изображением и заголовком */
	}

	.icns_img img {
		width: 100%;
		/* Изображение занимает ширину блока */
		max-width: 126px;
		/* Ограничиваем размер изображения */
		height: auto;
		/* Сохраняем пропорции */
		margin: 15px auto -5px auto;
	}

	.icns_img h3 {
		order: 2;
		/* Меняем порядок: заголовок под изображением */
		text-align: center;
		/* Центровка заголовка */
		margin: 0px 0 60px 0;
		font-size: 1.75rem;
		margin-bottom: -45px;
		margin-top: 5px;
	}

	.icns_flex p {
		order: 3;
		/* Текст идет ниже заголовка */
		text-align: center !important;
		/* Выравнивание текста */
		margin: 50px 0 24px 0;
		/* Отступ сверху */
		font-size: 1.125rem;
	}

	/* Контейнер a */
	.a {
		flex-direction: column;
		/* Блоки вертикально */

		width: 100%;
		/* Занять всю ширину страницы */
		gap: 20px;
		/* Отступы между блоками */
	}

	.icns_nd {
		max-width: 100%;
		/* Блок занимает 100% ширины страницы */
		margin: 0 auto;
		/* Центровка блока */
	}

	.banner_txt {
		font-size: 1.75rem !important;
	}

	.icns_nd {
		width: 100% !important;
	}

	.a {
		margin-top: 40px;
	}

	footer {
		max-height: 400px !important;
	}

	.logo_footer {
		margin-top: 30px;
		padding: 10px;
	}

	.footer_right {
		max-width: 100% !important;
	}

	.icns_nd p {
		font-size: 1.25rem;
	}
}

@media (min-width: 768px) and (max-width: 999px) {
	.footer_right {
		max-width: 80% !important;
	}

	.left {
		margin-top: 4% !important;
	}
}

.banner {
	background-image: url(img/62017711.png);
	min-height: 360px;
	background-size: cover;
	/* Изображение растягивается на весь блок, сохраняя пропорции */
	background-repeat: no-repeat;
	/* Убирает повторение изображения */
	background-position: center center;
	/* Центрирует изображение в блоке */
	border-radius: 36px;
	margin-bottom: 20px;
	align-items: center;
}

.txt {
	background-image: url(img/blur.png);
	background-repeat: none;
	min-height: 160px;
	background-size: cover;
	/* Изображение растягивается на весь блок, сохраняя пропорции */
	background-repeat: no-repeat;
	/* Убирает повторение изображения */
	background-position: center center;
	/* Центрирует изображение в блоке */
	border-radius: 36px;
	max-width: 80%;
	margin-left: 3%;
	margin-top: 3%;
	align-items: center;
}

.txt p {
	color: white;
	font-size: 1.5rem;
	font-weight: 500;
	padding-top: 4%;
	padding-left: 5%;
	padding-bottom: 5%;
	text-align: left !important;
}

.banner_txt,
.blocks_m {
	margin: auto 16px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-around;
}

.banner_txt p {
	text-align: center;

	font-weight: 500;
}

@media (max-width: 767px) {
	.txt p {
		font-size: 1.188rem !important;
	}

	.left {
		margin-top: -25%;
	}

	.bnr_txt {
		font-size: 1.25rem !important;
	}

	.txt {
		min-height: 160px;
		max-width: 100%;
		margin-right: 3%;
	}

	.banner {
		min-height: 230px !important;
	}

	.txt p {
		padding-left: 2.5vh !important;
		padding-right: 2.5vh !important;
		max-width: 100%;
	}

	.footer {
		flex-direction: column-reverse;
		gap: 15px;
	}

	.logo_footer {
		margin-top: 25px;
	}

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

.arrow {
	background-color: #9e9e9e0f;
	opacity: 1;
	/* Исправлено значение, т.к. opacity не может быть больше 1 */
	width: 56px;
	/* Ограничиваем размер фона */
	height: 56px;
	/* Ограничиваем размер фона */
	border-radius: 50%;
	/* Делаем фон круглым */
	display: flex;
	/* Центрируем SVG внутри фона */
	justify-content: center;
	/* Горизонтальное выравнивание */
	align-items: center;
	/* Вертикальное выравнивание */
}

.arrow svg {
	width: 32px;
	/* Пример для задания размера SVG */
	height: 32px;
	/* Пример для задания размера SVG */
}

.arrow path {
	fill: #6245d8;
	/* Устанавливаем цвет стрелки */
}

.block_h {
	display: flex;
	justify-content: space-between;
}

.blocks {
	display: grid;
	grid-template-columns: 1fr 1fr;
	/* Два столбца одинаковой ширины */
	grid-template-rows: 1fr 1fr;
	/* Две строки одинаковой высоты */
	gap: 20px;
	/* Отступы между ячейками */
}

.block {
	border: 1px solid #e5e5e5;
	background-color: white;
	border-radius: 32px;
	/*padding:16px ;*/
}

.blocks .block:nth-child(1) {
	grid-column: 1 / 2;
	/* Первая колонка */
	grid-row: 1 / 2;
	/* Первая строка */
}

.blocks .block:nth-child(2) {
	grid-column: 2 / 3;
	/* Вторая колонка */
	grid-row: 1 / 2;
	/* Первая строка */
}

.block-nd {
	position: relative;
	box-sizing: border-box;
	border: 1px solid #e5e5e5;
	background-color: white;
	border-radius: 32px;
	max-height: 90%;
}

.blocks .block-nd:nth-child(3) {
	grid-column: 1 / 2;
	/* Первая колонка */
	grid-row: 2 / 3;
	/* Вторая строка */
}

.blocks .block-nd:nth-child(4) {
	grid-column: 2 / 3;
	/* Вторая колонка */
	grid-row: 2 / 3;
	/* Вторая строка */
}

.blocks_m {
	margin-top: 20px;
}

.bot_block {
	background-color: rgba(177, 236, 82, 0.24);
	display: flex;
	justify-content: space-between;
	margin: 0px !important;
	padding: 16px 32px;
	box-sizing: border-box;
	border-radius: 0 0 32px 32px;
	max-height: 105px;
}

.b_block {
	margin: 0px !important;
}

h4 {
	margin: 0px;
}

.bot_block img {
	height: 57px;
	width: 57px;
}

.bot_block {
	/* Добавляем внутренние отступы */
	box-sizing: border-box;
	border-radius: 0 0 32px 32px;
}

.padding {
	padding: 32px 32px 0 32px;
	margin-bottom: 32px;
}

.padding p {
	font-size: 1.25rem;
}

.pad-a,
h4 {
	font-size: 1.5rem;
}

.pad-a {
	color: #6245d8;
}

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

.block {
	display: flex;
	flex-direction: column;
	justify-content: space-between;

	/* Увеличиваем минимальную высоту с учётом высоты .bot_block */
	box-sizing: border-box;
	/* Для корректного подсчёта высоты с padding */

	/* Оставляем место для .bot_block */
	min-height: 500px;
}

.bot_block {
	/* position: absolute;
  bottom: 0;
  left: 0;*/
	width: 100%;
	/* Опционально, чтобы занять всю ширину */
}

h3 {
	font-size: 2.25rem;
	font-weight: 600;
}

.bot_block p {
	font-size: 1.125rem;
}

.b_block {
	margin: 0;
	/* Убираем внешние отступы */
	display: flex;
	flex-direction: column;
	/* Вертикальное расположение текста */
	justify-content: center;
	/* Центрируем содержимое по вертикали */
	text-align: left;
	line-height: 1.5;
}

.bot_block img {
	height: 57px;
	width: 57px;
	align-self: center;
	/* Центрируем изображение */
}

h4,
.bot_block p {
	margin: 0;
	font-size: 1.125rem;
}

.bot_block p {
	font-size: 1rem;
	line-height: 1.5;
	/* Улучшаем читаемость текста */
}

.block h3 {
	margin-top: 24px;
	margin-bottom: 12px;
}

@media (max-width: 767px) {
	.form-block {
		flex-direction: column-reverse;
		/* Переставляем блоки: сначала видео, потом форма */
		gap: 16px;
		/* Уменьшаем отступы между блоками */
	}

	.block {
		margin: 0 auto;
		/* Центрируем блоки */
		min-height: auto;
		/* Позволяем блоку адаптироваться по высоте */
	}

	.bot_block {
		padding: 16px;
		/* Уменьшаем внутренние отступы для компактности */
		border-radius: 0 0 32px 32px;
		/* Уменьшаем радиус для мобильных */
	}

	.b_block h4,
	.b_block p {
		font-size: 1rem;
		/* Уменьшаем шрифты для экономии места */
	}

	.bot_block img {
		height: 48px;
		/* Уменьшаем размер изображения */
		width: 48px;
	}

	.padding {
		padding: 16px;
		/* Уменьшаем внутренние отступы у контента */
	}

	.icns_nd h3 {
		margin: 12px 0 12px 0;
	}

	h3 {
		font-size: 1.5rem;
		/* Уменьшаем размер заголовка */
	}

	.padding p,
	.padding a {
		font-size: 1.125rem;
		/* Уменьшаем шрифты */
	}

	.icns_flex p {
		font-size: 1.125rem;
		max-width: 85% !important;
	}

	.icns_nd p {
		font-size: 1.125rem;
	}

	/*.form_block_main {
    width: 90%;
  }*/
}

@media (max-width: 1000px) {
	.blocks {
		display: flex;
		/* Меняем сетку на flex для вертикального выравнивания */
		flex-direction: column;
		/* Размещаем блоки друг под другом */
		align-items: center;
		/* Центрируем блоки по горизонтали */
		gap: 20px;
		/* Задаём отступы между блоками */
		width: 100%;
	}

	.credit {
		max-width: 99%;
		margin: 30px auto;
		font-size: 2.25rem !important;
	}

	#success-message p {
		max-width: 90% !important;
		font-size: 1.125rem;
	}
}

/*.btm_icns {background-color: white; border-radius: 32px; display: flex; padding: 32px; margin: 13px; align-items: center; justify-content: space-around;}

  .btm_flex {display: flex; justify-content: space-between;} */

.btm_icns {
	box-sizing: border-box;
	display: flex;
	background-color: white;
	border-radius: 32px;
	align-items: center;
	/* Центрируем элементы по вертикали */
	justify-content: flex-start;
	/* Иконка слева, текст справа */
	padding: 2vh 4vh;
	min-height: 100px;
	max-height: 108px;
	width: 33%;

	/* min-width: 300px;*/
	/* Ограничение максимальной ширины */
	flex: 1;
	/* Если используется flexbox */
}

@media (max-width: 1190px) {
	.btm_flex {
		flex-wrap: nowrap;
		flex-direction: column !important;
		width: 100%;
	}

	.btm_icns {
		width: 100% !important;
		max-width: 100% !important;
	}

	/* .btm_block {
    width: 100%;
    margin: 0 auto;
  }*/
}

@media (min-width: 1191px) and (max-width: 1355px) {
	.hh-bg img {
		margin-left: -25%;
	}
	.hh-info-header {
		margin-left: -9% !important;
	}
	.hh-head p {
		padding-left: 10px;
		font-size: 2rem !important;
	}
}

.btm_icns svg {
	width: 40px;
	height: 40px;
	/* Фиксированный размер иконки */
	margin-right: 12px;
	/* Расстояние между иконкой и текстом */
}

.btm_icns span {
	display: inline-block;
	text-align: center;
	flex-grow: 1;
	/* Растягивает текстовый блок, если есть место */
}

.btm_icns .block {
	display: flex;
	justify-content: center;
	/* Центрируем содержимое в блоках */
	align-items: stretch;
	/* Растягиваем блоки по высоте */
}

.btm_icns .block-container {
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	/* Все блоки будут одинаковой высоты */
	width: 100%;
}

.btm_icns p {
	font-size: 1.25rem;
	display: inline-block;
}

.btm_flex {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	/* Центрируем блоки по горизонтали */
	gap: 26px;
	/* Расстояние между блоками */
	flex-wrap: wrap;
	margin: 0 auto;
}

h2 {
	text-align: center;
	/* Центрируем заголовок */
	margin-bottom: 20px;
	/* Отступ от заголовка до блоков */
	font-size: 2.75rem;
}

@media (min-width: 1150px) {
	.btm_block {
		margin: auto 144px;
	}

	.icns_flex {
		width: 380px;
		height: 272px;
	}

	.icns_flex_abt {
		padding: 0 !important;
		width: 380px !important;
		height: 287px !important;
	}

	.icns_new div {
		gap: 0px !important;
	}

	.icns_img_h3 img {
		margin: 32px 32px 0 0;
	}
}

@media (max-width: 912px) {
	.btm_icns {
		max-width: 100%;
	}

	.btm_flex {
		display: flex;
		flex-direction: column;
		width: 100%;
	}

	/* .btm_block {
   width: 90%;
  }*/

	.btm_block h2 {
		font-size: 2.125rem;
	}

	.u-sheet-1 {
		margin-top: -60px;
	}

	.text-left p {
		font-size: 1.875rem;
	}

	.textt {
		font-size: 1.125rem;
	}
}

/*Форма*/

.form-block {
	display: flex;
	justify-content: space-between;
	background-color: #e4e3f9;
	border-radius: 32px;
	padding: 32px;
	gap: 24px;
	margin: 24px auto;

	/* Центрируем блок на странице */
}

.form-left,
.form-right {
	flex: 1;
	width: 100%;
	/* Устанавливаем полную ширину для контейнера */
}

.form-left {
	margin-right: 44px;
	/* Отступ справа от первой половины */
	max-width: 50%;
	min-height: 430px;
}

.form-group {
	margin-bottom: 16px;
}

.form-group label {
	display: block;
	margin-bottom: 8px;
	font-size: 1rem;
}

.form-footer {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 16px;
}

.form-footer span {
	font-size: 1rem;
	max-width: 50%;
}

.form-footer button {
	padding: 12px 24px;
	background-color: #6245d8;
	color: white;
	border: none;
	border-radius: 16px;
	font-size: 1rem;
	cursor: pointer;
}

.form-footer button:hover {
	background-color: #5038b8;
}

.form-right {
	margin-left: 24px;
	/* Отступ слева от второй половины */
	border-radius: 32px;
}

.form_block_main {
	margin: 24px 16px;
}

@media (max-width: 960px) {
	.form-footer p {
		max-width: 100% !important;
	}

	.form-footer {
		flex-direction: column;
		/* Размещаем элементы футера вертикально */
	}

	.form-footer span {
		max-width: 100%;
		/* Растягиваем на всю ширину */
		margin-bottom: 15px;
		/* Добавляем отступ */
	}

	.form-left {
		max-width: 100%;
		/* Убираем ограничения по ширине */
		margin-right: 0;
		/* Убираем отступ справа */
	}

	#success-message {
		max-width: 90%;
	}

	.form-right {
		margin-left: 0;
		/* Убираем отступ слева */
		width: 100%;
		/* Устанавливаем 100% ширины для видео */
		height: 200px;
		/* Ограничиваем высоту видео */
		overflow: hidden;
		/* Прячем все, что выходит за пределы блока */
	}

	/* Убедимся, что видео растягивается внутри блока, но не выходит за его пределы */
	#myVideo {
		width: 100%;
		height: 100%;
		object-fit: cover;
		/* Видео заполняет блок, но не выходит за его пределы */
	}

	.form-group input,
	.form-group select {
		width: 100%;
		/* Растягиваем на 100% ширины контейнера */
		padding: 10px;
		border: 0px solid #ccc;
		border-radius: 8px;
		font-size: 1rem;
		box-sizing: border-box;
		/* Учитываем отступы и границы */
	}

	/* Стили для кнопки */
	.form-footer button {
		padding: 15px 24px;
		background-color: #6245d8;
		color: white;
		border: none;
		border-radius: 8px;
		font-size: 1rem;
		cursor: pointer;
	}

	.form-footer button:hover {
		background-color: #5038b8;
	}
}

#myVideo {
	max-width: 100%;
	max-height: 100%;
}

.form-left h3 {
	margin-top: 0px;
	margin-bottom: 24px;
}

.form-right {
	position: relative;
	width: 100%;

	overflow: hidden;
}

.form-right video {
	width: 100%;
	/* Видео занимает всю ширину блока */
	height: 100%;
	/* Видео занимает всю высоту блока */
	object-fit: cover;
	/* Видео заполняет блок, не выходя за его пределы */
	position: relative;
	/* Относительное позиционирование для корректного отображения */
}

.form-group {
	margin-bottom: 16px;
	width: 100%;
	/* Убедитесь, что контейнер занимает всю ширину */
}

.form-group input,
.form-group select {
	width: 100%;
	height: 56px;
	/* Растягиваем на 100% ширины контейнера */
	padding: 10px;
	border: 0px solid #ccc;
	/* Исправляем границу для видимости */
	border-radius: 16px;
	font-size: 1rem;
	box-sizing: border-box;
	/* Учитываем отступы и границы */
}

.form-group select {
	appearance: none;
	/* Убираем стили браузера */
	-webkit-appearance: none;
	-moz-appearance: none;
	display: block;
	/* Устанавливаем блочное отображение */
}

.form-footer p {
	max-width: 50%;
}

.form-footer button {
	padding: 19px 24px;
}

/*футер*/

footer {
	max-height: 250px;

	padding-bottom: 20px;
}

.gr_fr {
	font-size: 0.9rem;
	line-height: 1.5;
	margin: 0;
	padding-top: 2px;
}

@media (max-width: 579px) {
	.gr_fr {
		font-size: 0.688rem;
		line-height: 1.5;
	}
}

.footer ul li {
	list-style: none;
}

.footer {
	display: flex;
	justify-content: space-between;
	margin: 112px 16px 0 16px;
}

.footer_txt {
	display: flex;
	align-items: flex-end;
	flex-wrap: nowrap;
	flex-direction: row;
}

.footer_right {
	max-width: 45%;
	display: grid;
	grid-template-columns: 1fr 2fr 1fr;
	grid-template-rows: repeat(4, auto);
	gap: 22px;
}

.footer a {
	color: black;
}

.footer_right > div:nth-child(1) {
	grid-column: 1;
	grid-row: 1;
}

.footer_right > div:nth-child(2) {
	grid-column: 1;
	grid-row: 2;
}

.footer_right > div:nth-child(3) {
	grid-column: 1;
	grid-row: 3;
}

.footer_right > div:nth-child(4) {
	grid-column: 1;
	grid-row: 4;
}

.footer_right > div:nth-child(5) {
	grid-column: 2;
	grid-row: 1;
}

.footer_right > div:nth-child(6) {
	grid-column: 2;
	grid-row: 2;
}

.footer_right > div:nth-child(7) {
	grid-column: 2 / 4;
	grid-row: 3/5;
	color: #999999;
	font-size: 0.938rem;
}

.footer_right > div:nth-child(8) {
	grid-column: 3;
	grid-row: 1;
}

.footer_right > div:nth-child(9) {
	grid-column: 3;
	grid-row: 2;
}

.footer_right div {
	padding: 0px;
}

.logo_footer {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: start;
}

/* Контейнер для поля ввода и иконки */
.input-container {
	position: relative;
	display: flex;
	align-items: center;
}

/* Поле ввода */
.input-container input,
.input-container select {
	width: 100%;
	padding-right: 30px;
	padding-left: 16px;
	/* Пространство для иконки */
	box-sizing: border-box;
}

/* Иконка ошибки */
.error-icon {
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
	display: none;
	/* По умолчанию скрыто */
	color: red;
	font-size: 1rem;
}

/* Поле с ошибкой */
.input-error + .error-icon {
	display: inline;
}

/* Стиль для заголовка */
select .placeholder {
	color: gray;
	/* Цвет текста заголовка */
}

/* Общие стили для select */
select {
	width: 100%;
	padding: 10px;
	border: 1px solid #ccc;
	border-radius: 4px;
	appearance: none;
	/* Убираем стрелку в стиле браузера */
	background-color: white;
	color: black;
	/* Цвет текста по умолчанию */
}

/* Цвет текста при наведении на варианты списка */
select option:hover {
	background-color: #6245d8;
	/* Фон при наведении */
	color: white;
	/* Цвет текста при наведении */
}

/* Цвет текста выбранного элемента */
select option:checked {
	background-color: #f0f0f0;
	/* Фон для выбранного элемента */
	color: black;
	/* Цвет текста для выбранного элемента */
}

/* Основные стили формы */
.form-group {
	margin-bottom: 20px;
}

.input-container {
	position: relative;
}

input,
button {
	padding: 10px;
	border: 1px solid #ccc;
	border-radius: 4px;
	box-sizing: border-box;
}

/* Кастомный выпадающий список */
.custom-select {
	position: relative;
	display: inline-block;
	width: 100%;
}

.select-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 10px;
	border: 0px solid #ccc;
	border-radius: 4px;
	background-color: #fff;
	cursor: pointer;
	color: rgba(146, 146, 146, 1);
	border-radius: 16px;
	height: 36px;
}

.arrow-icon {
	display: flex;
	align-items: center;
	transform: rotate(180deg);
	/* По умолчанию вниз */
	transition: transform 0.3s ease;
}

.select-header.active .arrow-icon {
	transform: rotate(0deg);
	/* Отражение стрелки */
}

.select-list {
	display: none;
	/* Скрыто по умолчанию */
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	border: 1px solid #ccc;
	border-radius: 4px;
	background-color: #fff;
	z-index: 1000;
	list-style: none;
	padding: 0;
	margin: 0;
}

.select-list li {
	padding: 10px;

	cursor: pointer;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.select-list li:hover {
	background-color: rgba(98, 69, 216, 0.1);
	color: rgba(98, 69, 216, 1);
	overflow: hidden;
}

/* Галочка */
.select-list li.selected-option::after {
	content: "";
	width: 16px;
	height: 12px;
	background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="12" viewBox="0 0 16 12" fill="none"><path d="M5.55001 9.51552L14.1885 0.877021C14.3372 0.728187 14.5112 0.652187 14.7105 0.649021C14.9098 0.645854 15.0871 0.721854 15.2423 0.877021C15.3974 1.03219 15.475 1.21035 15.475 1.41152C15.475 1.61285 15.3974 1.7911 15.2423 1.94627L6.18276 11.0213C6.00192 11.2019 5.79101 11.2923 5.55001 11.2923C5.30901 11.2923 5.09809 11.2019 4.91726 11.0213L0.742257 6.84627C0.59359 6.69744 0.520257 6.52077 0.522257 6.31627C0.52409 6.11194 0.60259 5.93219 0.757757 5.77702C0.912923 5.62185 1.09109 5.54427 1.29226 5.54427C1.49359 5.54427 1.67184 5.62185 1.82701 5.77702L5.55001 9.51552Z" fill="%236245D8"/></svg>');
	background-size: contain;
	background-repeat: no-repeat;
	margin-left: 8px;
}

.selected-option {
	color: #6245d8;
}

.select-list {
	border-radius: 16px;
}

.select-list li:first-child:hover {
	border-top-left-radius: 16px;
	border-top-right-radius: 16px;
}

.select-list li:nth-child(4):hover {
	border-bottom-left-radius: 16px;
	border-bottom-right-radius: 16px;
}

/* Радиус углов для выпадающего списка */
.select-list {
	border-radius: 16px;
}

/* Черный текст в поле при выборе варианта */
.select-header .select-placeholder {
	color: rgba(146, 146, 146, 1);
}

#success-message {
	text-align: left;
}

#success-message h2 {
	margin-bottom: 24px;
	/* Отступ от текста до заголовка */
}

#success-message p {
	margin-bottom: 12px;
	/* Отступ от текста до картинки */
	max-width: 60%;
	font-size: 1.5rem;
}

#success-message img {
	display: block;
}

/*новые стили*/

body {
	font-family: Golos Text, Arial, sans-serif;
	background: rgba(248, 248, 248, 1);
}

.navbar {
	display: flex;
	justify-content: space-between;
	align-items: center;
	position: sticky;
	top: 0; /* Фиксируем меню в верхней части экрана */
	background-color: #ffffff;
	border-radius: 0px 0px 24px 24px;
	box-shadow: 0px 4px 39px 0px rgba(0, 0, 0, 0.14);
	height: 72px;
	padding: 18px 5.405405405%;
	z-index: 1000 !important;
}

.navbar-logo {
	width: 120px;
	/* Match the SVG's width */
	height: 25px;
	/* Match the SVG's height */
	background-image: url('data:image/svg+xml,<svg width="120" height="25" viewBox="0 0 120 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16.3514 1.13399C14.6557 0.376794 12.5618 -0.00120094 10.0696 2.86621e-06H0V23.7072H10.0696C12.5618 23.7072 14.6557 23.3231 16.3514 22.5551C18.031 21.8037 19.3969 20.4718 20.2083 18.7938C21.0826 17.0531 21.5204 14.7394 21.5216 11.8527C21.5216 8.92261 21.0838 6.59205 20.2083 4.86097C19.3956 3.19205 18.0289 1.87138 16.3514 1.13399ZM16.3355 13.0896C16.3355 14.6244 16.0936 15.8499 15.6098 16.766C15.1468 17.6664 14.3824 18.3674 13.4556 18.7415C12.4998 19.1435 11.3375 19.344 9.96872 19.3428H5.07817V4.35537H9.96164C12.0503 4.35537 13.6332 4.81944 14.7106 5.74758C15.7879 6.67571 16.3272 8.24066 16.3284 10.4424L16.3355 13.0896Z" fill="black"/><path d="M39.3721 7.88558C37.8676 6.54575 35.6781 5.87523 32.8036 5.87402C29.9527 5.87402 27.7803 6.57885 26.2864 7.98851C24.7925 9.39817 24.0462 11.763 24.0474 15.0831C24.0474 18.3334 24.7937 20.6586 26.2864 22.0586C27.7791 23.4586 29.9515 24.1568 32.8036 24.1532C35.3418 24.1532 37.3514 23.6669 38.8323 22.6942C40.3132 21.7215 41.2118 20.2264 41.528 18.2088H36.6782C36.4976 19.0816 36.0988 19.7292 35.4817 20.1518C34.8645 20.5743 33.9718 20.7862 32.8036 20.7874C31.5469 20.7874 30.5758 20.4551 29.8902 19.7906C29.2046 19.1261 28.8624 17.9921 28.8636 16.3887V15.5292H41.6289V14.4981C41.6289 11.4308 40.8767 9.22662 39.3721 7.88558ZM29.8902 10.1174C30.5758 9.5348 31.5469 9.24287 32.8036 9.24167C34.13 9.24167 35.1235 9.53359 35.7843 10.1174C36.4074 10.6682 36.7331 11.5819 36.7702 12.8495H28.8689C28.8972 11.5909 29.2353 10.6772 29.8902 10.1174Z" fill="black"/><path d="M60.4795 7.45595C59.3679 6.40142 57.7678 5.87415 55.6792 5.87415C54.546 5.85606 53.42 6.0602 52.3622 6.47545C51.4138 6.85384 50.6019 7.52004 50.0364 8.38409C49.9158 8.57151 49.8087 8.76765 49.716 8.97094V6.32197H44.937V23.7073H49.8541V12.7467C49.8541 11.5104 50.2022 10.6454 50.8984 10.1519C51.5946 9.65832 52.515 9.41214 53.6596 9.41334C54.3285 9.39517 54.9954 9.49411 55.6314 9.70587C56.1378 9.8829 56.563 10.2434 56.8262 10.7189C57.0952 11.2004 57.2298 11.8625 57.2298 12.7051V23.7001H62.1486V12.5372C62.1427 10.203 61.5864 8.50928 60.4795 7.45595Z" fill="black"/><path d="M78.2718 6.32227V17.3172C78.2718 18.5547 77.9125 19.4137 77.1939 19.894C76.4752 20.3743 75.5548 20.6151 74.4326 20.6163C73.7763 20.6329 73.1216 20.5402 72.4945 20.3418C71.9869 20.1759 71.5599 19.8197 71.2997 19.345C71.0307 18.8635 70.8962 18.1882 70.8962 17.319V6.32227H66.0127V17.4545C66.0127 19.9054 66.5679 21.6347 67.6783 22.6423C68.7887 23.6499 70.3663 24.1536 72.4113 24.1536C73.561 24.1726 74.7033 23.9629 75.7743 23.5361C76.725 23.1542 77.5367 22.4819 78.0983 21.6112C78.1978 21.4533 78.2876 21.2892 78.3674 21.1201V23.7076H83.1464V6.32227H78.2718Z" fill="black"/><path d="M119.706 18.6816H114.78V23.7069H119.706V18.6816Z" fill="black"/><path d="M113.281 7.48089C112.281 6.41552 110.828 5.88284 108.919 5.88284C107.789 5.85995 106.666 6.06744 105.615 6.49317C104.674 6.8848 103.874 7.56258 103.324 8.43431C103.198 8.6358 103.086 8.84711 102.992 9.06631C102.776 8.46674 102.442 7.91858 102.011 7.45561C101.001 6.40108 99.5419 5.87381 97.6339 5.87381C96.5859 5.85863 95.5466 6.0697 94.5841 6.49317C93.6802 6.90109 92.9177 7.57757 92.3964 8.43431C92.3034 8.58578 92.2189 8.74252 92.1433 8.90379V6.32163H87.3643V23.707H92.2814V12.7175C92.2814 11.4811 92.5846 10.6222 93.1911 10.1407C93.7977 9.65918 94.5948 9.41842 95.5824 9.41842C96.157 9.40057 96.7293 9.50003 97.2657 9.71094C97.7125 9.9032 98.0729 10.2586 98.2764 10.7077C98.5006 11.1772 98.6127 11.8471 98.6127 12.7175V23.7124H103.53V12.7518C103.53 11.9091 103.67 11.247 103.951 10.7655C104.216 10.3 104.625 9.93785 105.114 9.73622C105.661 9.51893 106.244 9.4134 106.831 9.42564C107.4 9.40631 107.968 9.50585 108.498 9.71817C108.94 9.91743 109.299 10.2708 109.509 10.7149C109.745 11.1844 109.863 11.8543 109.863 12.7247V18.6763H114.78V12.5748C114.78 10.2382 114.28 8.54024 113.281 7.48089Z" fill="black"/></svg>');
	background-size: cover;
	background-repeat: no-repeat;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
}

#menu-toggle {
	display: none;
}

.navbar-menu {
	width: 409px;
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	gap: 12px;
}

.navbar-menu li {
	display: inline;
}

.navbar-menu a {
	text-decoration: none;
	color: #000;
	font-size: 1.125rem;
	font-weight: 400;
	line-height: 21.6px;
	transition: color 0.3s;
	padding: 8px;
}

.navbar-menu a:hover {
	color: #555;
}

/* Burger Menu */
.burger-menu {
	display: none;
	flex-direction: column;
	cursor: pointer;
	gap: 5px;
}

.burger-menu span {
	display: block;
	width: 25px;
	height: 3px;
	background-color: black;
	transition: transform 0.3s;
}

/* Responsive Design */
@media (max-width: 1099px) {
	.navbar-logo {
		position: static;
		transform: none;
	}

	.navbar-menu {
		display: none;
		flex-direction: column;
		position: absolute;
		top: 100%;
		right: 0;
		background-color: #ffffff;
		width: 100%;
		padding: 1em 0;
		z-index: 999;
	}

	.navbar-menu li {
		text-align: center;
		margin: 0.5em 0;
	}

	.burger-menu {
		display: flex;
	}

	#menu-toggle:checked ~ .navbar .navbar-menu {
		display: flex;
	}

	#menu-toggle:checked ~ .navbar {
		border-radius: 0px;
	}

	#menu-toggle:checked ~ .navbar .navbar-menu {
		border-radius: 0px 0px 24px 24px;
		box-shadow: 0px 4px 39px 0px rgba(0, 0, 0, 0.14);
	}

	/* Animate burger icon */
	#menu-toggle:checked ~ .navbar .burger-menu span:nth-child(1) {
		transform: rotate(45deg) translate(6px, 6px);
	}

	#menu-toggle:checked ~ .navbar .burger-menu span:nth-child(2) {
		opacity: 0;
	}

	#menu-toggle:checked ~ .navbar .burger-menu span:nth-child(3) {
		transform: rotate(-45deg) translate(5px, -5px);
	}
}

.u-section-11 {
	padding-top: 80px;
}

.u-section-11 .u-image-11,
.u-section-11 .u-image-22,
.u-section-11 .u-image-33,
.u-section-11 .u-image-44,
.u-section-11 .u-image-55 {
	position: absolute;
	z-index: 1;
	transition: all 0.3s ease;
	/* Плавное изменение */
}

.u-section-11 .u-image-11 {
	width: 11%;
	/* Исходная ширина для 3r.png */
	margin: 8% 10% 10% 28%;
	z-index: 15;
}

.u-section-11 .u-image-22 {
	width: 10%;
	/* Исходная ширина для 4r.png */
	margin: 11% 0% 5% 24%;
	z-index: 4;
}

.u-section-11 .u-image-33 {
	width: 9%;
	/* Исходная ширина для 5r.png */
	margin: 5% 0% 0 25%;
	z-index: 3;
}

.u-section-11 .u-image-44 {
	width: 25%;
	/* Исходная ширина для r.png */
	margin: -1% 0% 25% 4%;
	z-index: 3;
}

.u-section-11 .u-image-55 {
	width: 14%;
	/* Исходная ширина для r2.png */
	margin: -5% 0% 10% 0%;
	z-index: 2;
}

@keyframes float {
	0% {
		transform: translateY(0);
	}

	50% {
		transform: translateY(-10px);
	}

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

.u-section-11 .u-image-11 {
	animation: float 3s ease-in-out infinite;
	animation-delay: 0s;
	/* Без задержки */
}

.u-section-11 .u-image-22 {
	animation: float 3s ease-in-out infinite;
	animation-delay: 0.3s;
	/* Асинхронность */
}

.u-section-11 .u-image-33 {
	animation: float 3s ease-in-out infinite;
	animation-delay: 0.6s;
	/* Асинхронность */
}

.u-section-11 .u-image-44 {
	animation: float 3s ease-in-out infinite;
	animation-delay: 0.9s;
	/* Асинхронность */
}

.u-section-11 .u-image-55 {
	animation: float 3s ease-in-out infinite;
	animation-delay: 1.2s;
	/* Асинхронность */
}

/*.team-values-container {
  margin: 0 5.405405405% 48px;
  padding-top: 12px;
  background-image: url('https://i.ibb.co/37VQFfS/tg-image-3567835282.png');
  background-size: 650px 450px;
  background-repeat: no-repeat;
  background-position: 100% -34px;
}*/
.mn-bnr {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin: 0 80px 120px 80px;
}

.mn-img {
	width: 50%;
	margin: 0 auto !important;
}

@media (max-width: 1150px) {
	.mn-bnr {
		flex-direction: column-reverse;
		width: 100%;
		align-items: center;
		margin: 0 auto;
	}

	.values {
		margin-top: 20px !important;
	}

	.team-link {
		width: 100% !important;
		margin-top: 20px;
	}

	.team {
		width: 90% !important;
		margin: 10% auto 10px auto !important;
		padding-top: 5%;
	}

	.mn-img {
		width: 80% !important;
		margin: 10% auto 9% auto !important;
		padding-top: 0px;
	}

	.mn-img img {
		width: 100%;
	}

	.employees-container {
		gap: 5px;
	}

	.team-values-container {
		width: 100%;
	}

	.mn-bnr {
		margin-bottom: 0px;
	}

	.u-section-11 .u-image-11 {
		width: 28%;
		/* Исходная ширина для 3r.png */
		margin: 20% 20% 10% 52%;
		z-index: 15;
	}

	.u-section-11 {
		min-height: 35vh;
	}

	.u-section-11 .u-image-22 {
		width: 23%;
		/* Исходная ширина для 4r.png */
		margin: 32% 0% 5% 45%;
		z-index: 4;
	}

	.u-section-11 .u-image-33 {
		width: 20%;
		/* Исходная ширина для 5r.png */
		margin: 16% 0% 0 45%;
		z-index: 3;
	}

	.u-section-11 .u-image-44 {
		width: 60%;
		/* Исходная ширина для r.png */
		margin: -4% 0% 25% 1%;
		z-index: 3;
	}

	.u-section-11 .u-image-55 {
		width: 35%;
		/* Исходная ширина для r2.png */
		margin: -10% -10% 10% -10%;
		z-index: 2;
	}

	.icns_flex {
		flex: 3;
	}

	.content-container-abt {
		justify-content: space-evenly !important;
	}
}

.team {
	text-align: left;
	margin-bottom: 10px;
	width: 50%;
	margin: 0 auto;
}

.team h1 {
	font-size: 3.5rem;
	font-weight: 700;
	line-height: 67.2px;
	margin-bottom: 24px;
	width: 452px;
}

.team p {
	margin-bottom: 16px;
	font-size: 1.5rem;
	font-weight: 400;
	line-height: 28.8px;
	width: 452px;
}

@media (max-width: 767px) {
	.u-section-11 .u-image-11 {
		width: 30%;
		/* Исходная ширина для 3r.png */
		margin: 20% 1% 1% 60%;
		z-index: 15;
	}

	.u-section-11 {
		min-height: 10vh;
	}

	.u-section-11 .u-image-22 {
		width: 25%;
		/* Исходная ширина для 4r.png */
		margin: 32% 0% 5% 53%;
		z-index: 4;
	}

	.u-section-11 .u-image-33 {
		width: 22%;
		/* Исходная ширина для 5r.png */
		margin: 16% 0% 0 53%;
		z-index: 3;
	}

	.u-section-11 .u-image-44 {
		width: 70%;
		/* Исходная ширина для r.png */
		margin: -4% 0% 25% 1%;
		z-index: 3;
	}

	.u-section-11 .u-image-55 {
		width: 35%;
		/* Исходная ширина для r2.png */
		margin: -10% -10% 10% -10%;
		z-index: 2;
	}

	.team {
		width: 90% !important;
		margin: 10% auto 10px auto !important;
		padding-top: 22%;
	}
}

@media (max-width: 520px) {
	.team h1 {
		width: 100%;
	}

	.team p {
		width: 100%;
	}
}

.team-link {
	display: block;
	width: 273px;
	height: 56px;
	border-radius: 16px;
	background: rgba(98, 69, 216, 1);
	cursor: pointer;
	line-height: 56px;
	text-align: center;
	color: rgba(255, 255, 255, 1);
	font-family: Golos Text;
	font-size: 1.25rem;
	font-weight: 400;
	text-decoration: none;
}

.values {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: 1fr 1fr;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 20px;
	margin: -70px 0px auto;
}

.values:nth-child(1) {
	grid-column: 1/2;
	grid-row: 1/2;
}

.values:nth-child(2) {
	grid-column: 2/3;
	grid-row: 1/2;
}

.values:nth-child(3) {
	grid-column: 1/2;
	grid-row: 2/3;
}

.values:nth-child(4) {
	grid-column: 2/3;
	grid-row: 2/3;
}

.value-card {
	border-radius: 36px;
	background: #fefefe;
	border: 1px solid #e5e5e5;
	backdrop-filter: blur(80px);
	/*padding-left: 36px;
  padding-top: 36px;
  padding-bottom: 32px;
  padding-right: 32px;*/
	display: flex;
	justify-content: space-between;
	gap: 25px;
	z-index: 50;
}

@media (max-width: 1150px) {
	.popup {
		width: 85% !important;
	}

	.values {
		display: flex;
		flex-wrap: no-wrap;
		flex-direction: column;
		align-items: center;
	}

	/*.value-card {
    width: 650px;
  }*/
}

@media (max-width: 730px) {
	.value-card {
		width: 100%;
	}
}

@media (max-width: 590px) {
	.value-card {
		flex-direction: column-reverse;
		align-items: center;
		gap: 0;
	}

	values_new div > img {
		margin-top: 36px;
	}
}

/*.value-card-text {
  height: 100%;
  margin-bottom: 8px;
}*/

.value-card-text h2 {
	font-size: 1.75rem;
	font-weight: 600;
	line-height: 33.6px;
	text-align: left;
	margin: 36px 0 0 36px;
}

.value-card-text p {
	font-size: 1.125rem;
	font-weight: 400;
	line-height: 21.6px;
	text-align: left;
	margin: 36px 0 36px 36px;
}

.values-icon {
	width: 120px;
	height: 120px;
	background-size: cover;
	margin: 36px 36px 0 0;
}

.employees-container {
	margin-bottom: 44px;
}

.employees-header {
	font-size: 2.75rem;
	font-weight: 600;
	line-height: 52.8px;
	text-align: center;
	height: 64px;
	margin: 44px 16px 24px 16px;
}

.employees-container {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	/* padding: 0 12.162162162%;*/
	gap: 27px;
}

.employee {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	flex: 1 1 calc(32.333%);
	/* 1/3 ширины контейнера минус gap */
	max-width: calc(29.5% - 30px);
	margin-bottom: 20px;
}

.employee img {
	width: 100%;
	height: auto;
	border-radius: 36px;
	object-fit: cover;
	max-height: 403.81px;
}

.employee p,
.employee div {
	margin-bottom: 8px;
}

.employee p {
	margin-top: 0;
}

.employee-name {
	font-size: 1.5rem;
	font-weight: 600;
	line-height: 28.8px;
	text-align: center;
}

.employee-job-title {
	/*width: 262px;*/
	font-size: 1.063rem;
	font-weight: 400;
	line-height: 20.4px;
	color: rgba(89, 89, 89, 1);
}

.employee a {
	font-size: 1.063rem;
	font-weight: 500;
	line-height: 20.4px;
	color: rgba(98, 69, 216, 1);
	text-decoration: none;
}

@media (max-width: 876px) {
	.employees-header {
		height: 128px;
	}

	.employees-container {
		padding: 0px;
		justify-content: space-around;
	}

	.employee {
		width: 30vw;
		display: flex;

		/* 1/3 ширины контейнера минус gap */
		max-width: calc(100% - 30px);
		align-items: center;
		text-align: center;
	}

	.employee img {
		width: 20vw;
		height: auto;
		border-radius: 36px;
		object-fit: cover;
		margin-bottom: 14px;
	}
}

@media (max-width: 574px) {
	.employee {
		width: 60vw;
		display: flex;

		align-items: center;
		text-align: center;
	}

	.employee img {
		width: 60vw;
		height: auto;
		border-radius: 36px;
		object-fit: cover;
		margin-bottom: 14px;
	}
}

.hh-container {
	background-color: rgba(214, 0, 28, 1);
	display: flex;
	border-radius: 32px;
	padding: 44px 36px;
	max-height: 232px;
	margin: 56px 36px 32px 36px;
}

.hh-head {
	display: flex;
	align-items: center;
}

.hh-head p {
	color: rgba(255, 255, 255, 1);
	font-size: 2.25rem;
	font-weight: 600;
	margin: 0px 0px 10px 0px;
}

.hh-info-text {
	font-size: 1.125rem;
	color: rgba(255, 255, 255, 1);
}

.hh-info-button {
	font-family: Golos Text, Arial, sans-serif;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	display: block;
	width: 273px;
	height: 56px;
	gap: 0px;
	border-radius: 16px;
	background: rgba(255, 255, 255, 1);
	text-align: center;
	line-height: 56px;
	font-size: 1.25rem;
	font-weight: 400;
	color: rgba(214, 0, 28, 1);
	text-decoration: none;
}

.hh-info-header {
	margin-left: 90px;
	width: 100%;
}

.hh-bg {
	margin-left: -20px;
}

@media (max-width: 1190px) {
	.hh-info-header {
		margin-left: 20px;
	}

	.hh-bg {
		margin-left: -80px;
		margin-bottom: -4%;
		align-content: end;
	}

	.hh-bg img {
		width: 90%;
		min-width: 90%;
	}

	.hh-head p {
		font-size: 2rem;
		padding-left: 10px;
	}

	.hh-container {
		padding: 21px;
	}

	.hh-info-button {
		width: 250px;
		height: 45px;
		line-height: 45px;
	}
}

@media (max-width: 980px) {
	.hh-container {
		flex-direction: column;
		max-height: none;
		padding-bottom: 0;
	}

	.hh-bg {
		width: 100%;
		margin: 0 auto;
		order: 1;
	}

	.hh-bg img {
		width: 100%;
		min-width: auto;
		/*margin-bottom: 5%;*/
	}

	.hh-info-header {
		width: 100%;
		margin: 15px 0px;
	}

	.hh-info-button {
		width: 100%;
	}

	.hh-bg {
		margin-bottom: -1%;
		overflow: hidden;
	}
}

/* Общий стиль для контейнера */
.popup-container {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, 0.2);
	backdrop-filter: blur(80px);
	/* Эффект блюра для фона */
	justify-content: center;
	align-items: center;
	z-index: 1000;
}

/* Стиль самого попапа */
.popup {
	background: rgba(255, 255, 255, 1);
	padding: 20px;
	border-radius: 36px;
	width: 40vw;
	max-width: 90%;
	position: relative;
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
	max-height: 80vh;
}

/* Кнопка закрытия */
.popup-close {
	position: absolute;
	top: 5px;
	right: 25px;
	font-size: 3.375rem;
	color: black;
	cursor: pointer;
}

/* Контент внутри попапа */
.popup-content {
	display: flex;
	align-items: center;
	gap: 15px;
}

/* Стиль для изображения */
.popup-image {
	width: 100px !important;
	height: 120px !important;
	border-radius: 8px !important;
	object-fit: cover !important;
}

.popup-text,
.popup-description {
	text-align: left;
}

/* Заголовок и текст */
.popup-text h3 {
	margin: 0;
	font-size: 1.5rem;
	color: black;
}

.popup-text p {
	margin: 5px 0 0;
	color: rgba(89, 89, 89, 1);
	font-size: 1.063rem;
	width: 50%;
}

/* Текст под фото */
.popup-description {
	margin-top: 15px;
	font-size: 1.125rem;
	color: black;
	line-height: 1.3;
	overflow-y: auto;
	max-height: 50vh;
}

/* Скрываем слайдер для экранов более 1150px */
.mobile-slider-container {
	display: none;
}

/* Показываем только на мобильных */
@media (max-width: 1150px) {
	.values-icon {
		margin: 20px 0 0 0;
	}
	.vlues-n {
		display: none;
	}

	.mobile-slider-container {
		/*width: 105% !important;*/
		display: flex;
		align-items: center;
		justify-content: center;
		overflow: hidden;
		position: relative;
		max-width: 105%;
		margin: 30px auto;
	}

	.mobile-slider-wrapper {
		width: 90%;
	}

	.mobile-slider {
		display: flex;
		transition: transform 0.3s ease-in-out;
		padding: 0 10px 0 0;
	}

	.mobile-slider-item {
		flex: 0 0 100%;
		width: 90%;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
		padding: 20px;
		text-align: center;
		background-color: rgba(217, 217, 217, 0.2);
		border: 1px solid #ddd;
		box-sizing: border-box;
		border-radius: 36px;
		margin: 0 5px;
	}

	.mobile-slider-item h2 {
		font-size: 1.4rem;
		margin-bottom: 10px;
	}

	.mobile-slider-item p {
		font-size: 1rem;
	}

	.mobile-slider-button {
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		width: 40px;
		height: 40px;
		background: white;
		border: 1px solid #ddd;
		border-radius: 50%;
		display: flex;
		align-items: center;
		justify-content: center;
		cursor: pointer;
		z-index: 10;
	}

	.mobile-prev-button {
		left: 10px;
	}

	.mobile-next-button {
		right: 10px;
	}

	.mobile-slider-button svg {
		width: 24px;
		height: 24px;
	}
}

.blck {
	margin-top: -100px;
}

.navbar {
	margin-bottom: 0%;
	z-index: 15;
}

.vid-txt {
	margin: 0 144px;
}

.vid-bnr {
	position: relative;
	/* Видео фиксируется на экране */
	width: 100vw;
	/* Растягиваем на всю ширину экрана */
	margin: 0;
	/* Убираем любые внешние отступы */
	padding: 0;
	/* Убираем любые внутренние отступы */
	height: 548px;
	/* Высота блока */
	overflow: hidden;
	/* Скрыть все, что выходит за пределы */

	/* Видео будет за контентом */
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
}

/* Стили для видео */
.vid-bnr video {
	position: absolute;
	top: 65%;
	left: 50%;
	width: 100%;
	height: 75vh;
	object-fit: cover;
	/* Видео будет покрывать весь div */
	transform: translate(-50%, -50%);
	/* Центрирует видео */
	z-index: -3;
	/* Видео будет за контентом */
}

/* Контент поверх видео */
.vid-txt {
	position: absolute;
	/* top: 77%;
  left: 45%;
  transform: translate(-50%, -50%);*/
	color: white;
	font-size: 2.25rem;
	text-align: center;
}

.vid-txt p {
	margin: 0 0 80px 0;
}

.vid-txt {
	text-align: left;
	font-size: 1.125rem;
}

.vid-txt h1 {
	text-align: left;
	font-size: 3.5rem;
	margin-bottom: 8px;
}

.icns_new div > p {
	max-width: 75%;
	line-height: 1.3125rem;
}

.values_new {
	margin: 4% auto 1% auto;
}

.values_new div > img {
	width: 56px;
	height: 56px;
	margin: 36px 36px 0 0;
}

.banner_new {
	margin: 2% auto 0 auto;
	padding: 0.4%;
	background-image: url("img/6178443\ 1.png");
}

.txt_new {
	background-image: url("img/Rectangle\ 37672091.png");
	color: white;
}

.txt_new p {
	font-weight: 400 !important;
	padding: 0 1% 4% 4%;
}

.txt_new h2 {
	text-align: left;
	margin-left: 4%;
	margin-bottom: -2%;
	padding-top: 4%;
	font-weight: 600;
}

.it-cont {
	margin: 0 auto;
	background-color: white;
	border-radius: 36px;
}

.wd {
	font-weight: 600;
	margin: 44px 0 36px 0;
}

@media (max-width: 960px) {
	.wd {
		max-width: 85%;
		margin: 44px auto 3% auto;
	}
}

.item-cont {
	display: flex;
	justify-content: space-between;
	align-items: center;
	border: 1px rgba(241, 241, 241, 1) solid;
	padding: 8px 36px;
}

.it-cont img {
	width: 85px;
	height: 100%;
}

.item-cont-p p {
	color: #575757;
}

.item-cont-p h3 {
	max-width: 85%;
	font-size: 1.5rem;
	margin-bottom: 8px;
	font-weight: 500;
}

.preim {
	background-color: #eee4ff;
	border-radius: 36px;

	margin: 16px auto;
	display: flex;
	padding: 12px 32px 8px 32px;
	box-sizing: border-box;
}

.preim-txt h3 {
	margin-bottom: 0;
	font-size: 1.75rem;
	margin-top: 30px;
}

.preim img {
	margin: 0;
	width: auto;
	height: 12em;
}

.preim-txt {
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 0;
	margin: 0;
}

.preim-txt p {
	max-width: 100%;
	font-size: 1.5rem;
	margin-top: 4px;
}

@media (max-width: 767px) {
	.preim {
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	.preim img {
		width: 50%;
		height: auto;
	}

	.item-cont {
		flex-direction: column-reverse;
		padding: 36px;
	}

	.wd {
		font-size: 1.75rem;
	}

	.txt_new h2 {
		padding: 4vh 2.5vh 4vh 2.5vh;
		margin: 0;
	}

	.employees-container {
		flex-direction: column;
		align-items: center;
		gap: 35px !important;
	}

	.employee img {
		width: 80vw;
		height: auto;
		border-radius: 36px;
		object-fit: cover;
		margin-bottom: 14px;
		max-height: 766.39px;
	}

	.vid-txt p {
		margin-bottom: 20px;
	}
	.vid-txt {
		margin: 0 30px;
	}

	.hh-container {
		margin: 56px 16px 32px 16px;
	}

	.preim-txt p {
		max-width: 100%;
	}
}

@media (max-width: 1150px) {
	.vid-bnr {
		margin-top: -150px;
		/*padding-bottom: 300px;*/
	}
}

/*Слайдер*/
.sld-cont {
	margin: 0 auto;
	background-image: url("img/bg-slid.png");
	border-radius: 36px;
	padding: 2%;
	box-sizing: border-box;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.slider-abt {
	display: flex;

	background-image: url("img/Rectangle\ 37672096.png");
	background-repeat: no-repeat;
	background-size: cover;

	border-radius: 36px;
	overflow: hidden;
}

/* Секция с годами */
.years-abt {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;

	padding: 42px 0 42px 36px;
	width: 50px;
	position: relative;
}

.year-abt {
	cursor: pointer;
	padding: 10px;
	margin-bottom: 5px;
	border-radius: 5px;
	transition: background 0.3s;
	position: relative;
	color: white;
	font-size: 1.5rem;
}

.progress-bar-abt {
	position: absolute;
	bottom: -6px;
	left: 10;
	height: 6px;
	width: 110%;
	background: rgba(0, 0, 0, 0.1);
	border-radius: 3px;
	overflow: hidden;
	display: none;
}

.year-abt.active-abt .progress-bar-abt {
	display: block;
}

.progress-abt {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 0;
	background: #fff;
	transition: width 6s linear;
}

/* Секция контента */
.content-container-abt {
	flex: 1;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 20px;
	height: 200px;
	margin: auto 0 auto 0;
}

.text-abt {
	flex: 1;
	padding-right: 20px;
	margin-left: 100px;
	max-width: 40%;
}

.image-abt {
	flex-shrink: 0;
	width: 200px;
	height: 200px;
	background-size: cover;
	background-position: center;
	border-radius: 10px;
	margin: 0 37% 0 5%;
}

@media (max-width: 600px) {
	.slider-abt {
		flex-direction: column;
	}

	.content-container-abt {
		flex-direction: column;
		text-align: center;
		margin: auto 0;
	}

	.image-abt {
		width: 150px;
		height: 150px;
	}
}

@media (min-width: 768px) and (max-width: 1150px) {
	.image-abt {
		margin: 0 0 0 0 !important;
	}

	.text-abt {
		margin: 0;
	}

	.year-abt-text {
		font-size: 6rem !important;
	}
}

@media (max-width: 910px) {
	.year-abt-description {
		max-width: 100% !important;
	}

	.slider-abt {
		display: flex;
		flex-direction: column;
		min-height: 500px;
	}

	.years-abt {
		flex-direction: row;
		padding: 32px 22px 42px 22px;
		justify-content: center;
		margin: 0 auto;
	}

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

	.progress-bar-abt {
		width: 65%;
		max-width: 80%;
	}

	.content-container-abt {
		flex-direction: column;
		align-items: center;
	}

	.text-abt {
		min-height: 150px;
		margin: 0 0;
	}

	.image-abt {
		margin: 20px 0;
	}

	.year-abt-text {
		font-size: 6rem !important;
	}

	.year-abt-description {
		max-width: 100%;
	}

	.year-abt-description {
		font-size: 1.125rem !important;
	}
}

@media (max-width: 468px) {
	.years-abt {
		padding: 20px 0 0 0;
	}

	.text-abt {
		max-width: 100% !important;
	}

	.image-abt {
		margin: 20px auto;
	}

	.progress-bar-abt {
		max-width: 55%;
	}
}

.year-abt-text {
	font-size: 9rem;
	color: white;
	margin-bottom: -2%;
}

.year-abt-description {
	font-size: 1.5rem;
	color: white;
	max-width: 80%;
}

.blck {
	background-color: rgba(0, 0, 0, 0.4);
	width: 100%;
	height: 548px;
}

.about {
	font-weight: 700;
	font-size: 4rem;
}

.v-c-tm {
	background-color: rgba(217, 217, 217, 0.2);
}

/*.value-card-text {    display: flex
  ;
      flex-direction: column;
      justify-content: space-around;}*/

@media (max-width: 915px) {
	.employees-container {
		justify-content: center;
		gap: 100px;
	}
}

@media (min-width: 767px) {
	.marg {
		max-width: 1480px;
		margin: 0 auto;
	}
	.item-cont-p p {
		max-width: 60%;
	}

	section {
		margin: 0 144px !important;
	}

	.block_m {
		margin: 0 144px;
	}

	.form_block_main {
		margin: 0 144px;
	}

	.footer {
		margin: 112px 144px 0 144px;
	}

	.employee p {
		margin-top: 16px;
	}

	.mny {
		gap: 0px !important;
	}
}

@media (max-width: 876px) {
	.popup-close img {
		width: 5vw;
		margin-top: 14px;
	}
}

@media (max-width: 1330px) {
	.icns {
		flex-wrap: wrap;
		justify-content: center;
	}
}

@media (max-width: 1380px) {
	br {
		display: none;
	}
}

@media (max-width: 589px) {
	.value-card-text h2 {
		margin: 36px 36px 0 36px;
	}
	.value-card-text p {
		margin: 36px 36px 20px 36px;
	}
	.values_new div > img {
		margin: 36px 36px 0 36px;
	}
}

.select-placeholder {
	color: rgba(146, 146, 146, 1); /* Серый цвет по умолчанию */
}

.select-header .selected .select-placeholder {
	color: black; /* Черный цвет после выбора */
}

.why br {
	display: none;
}

@media (max-width: 534px) {
	.why br {
		display: block;
	}
}

.dop_soc_seti{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 30px;
    gap: 15px;
    flex-wrap: wrap;
}

.dop_soc_seti a{
	display:flex;
	align-items: center;
    background: #fff;
    background-color: #fff;
    position: relative;
    display: flex;
    padding: 5px 10px;
    border-radius: 16px;
    text-decoration: none;
    gap: 10px;
    font-weight: 500;
    font-size: 20px;
    line-height: 100%;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    transition: 0.3s ease;
}

.dop_soc_seti a:hover{
    background: #6245d8;
    color: #f7f7f5;
	transition:0.5s;
}

.dop_soc_seti a svg{
	width:50px;
	height:50px;
}


	.top_info{
		position:relative;	
	}
	.top_info img{
		width:100%;
	}
    .news-slide__date.views{
	    position: absolute;
	    top: 15px;
	    left: 15px;
	    color: #fff;
	    display: flex;
	    justify-content: center;
	    align-items: center;
	    gap: 5px;
	    background: rgb(34 34 34 / 70%);
	    padding: 5px 10px;
	    border-radius: 30px;
    }

    .news-slide__date.views svg{
    	fill: #fff;
    }

	  body .news-slide__date.reaction{
	    position: absolute;
	    bottom: 15px;
	    left: 15px;
	    color: #fff;
	    display: flex;
	    background: rgb(34 34 34 / 70%);
	    padding: 10px;
	    border-radius: 30px;
    }