/* Start:/bitrix/templates/id/components/bitrix/news.list/product_catalog_template/style.css?1766436646150*/
div.news-list
{
	word-wrap: break-word;
}
div.news-list img.preview_picture
{
	float:left;
	margin:0 4px 6px 0;
}
.news-date-time {
	color:#486DAA;
}

/* End */


/* Start:/bitrix/templates/id/components/bitrix/news.list/news_carousel_template/style.css?1766350089150*/
div.news-list
{
	word-wrap: break-word;
}
div.news-list img.preview_picture
{
	float:left;
	margin:0 4px 6px 0;
}
.news-date-time {
	color:#486DAA;
}

/* End */


/* Start:/bitrix/templates/id/components/bitrix/news.list/events_carousel_template/style.css?1766353152150*/
div.news-list
{
	word-wrap: break-word;
}
div.news-list img.preview_picture
{
	float:left;
	margin:0 4px 6px 0;
}
.news-date-time {
	color:#486DAA;
}

/* End */


/* Start:/bitrix/templates/id/styles.css?176659799726747*/
.header {
	width: 100%;
	//height: 100%;
	background-image: url(/bitrix/templates/id/images/header_bg.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: top;
}

.header .title {
	text-align: center;
	margin-top: 140px;
}

.header .description_1 {
	font-size: 18px;
	color: #fff;
	text-align: center;
	margin-top: 40px;
}

.header .description_2 {
	font-size: 22px;
	color: #fff;
	text-align: center;
	margin-top: 100px;
}

.header .blok_preimushestva {
	min-height: 170px;
	padding: 30px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	background: #e5e5e5;
	margin-top: 20px;
}

.header .blok_preimushestva img {
	float: left;
	margin: 0 6.127451% 0 0;
	max-width: 135px;
	width: 33%;
}

.header .blok_preimushestva p {
	float: left;
	margin: 4px 0 0;
	width: 60.784313%;
	color: #000000;
	font-size: 16px;
	line-height: 30px;
}

.header .action-buttons-wrapper {
	display: flex;
	justify-content: center;
	gap: 20px; /* Отступ между кнопками */
	flex-wrap: wrap; /* Для переноса на новую строку на маленьких экранах */
	padding-top: 80px;
	padding-bottom: 60px; /* Внутренние отступы, если нужно */
}

.header .action-button {
	display: inline-flex; /* Для центрирования текста и гибкости */
	justify-content: center;
	align-items: center;
	padding: 3px 20px;
	border-radius: 15px; /* Скругленные углы */
	text-decoration: none;
	transition: all 0.3s ease;
	min-width: 190px;
	height: 40px;
}

.header .action-button-white {
	background-color: #fff;
	color: #333;
	border: 1px solid #fff;
}

.header .action-button-white:hover {
	background-color: #f0f0f0;
	border-color: #f0f0f0;
	color: #000;
}

.header .action-button-golden {
	background-color: #e0b884; /* Светло-золотистый цвет */
	color: #333;
	border: 1px solid #e0b884;
}

.header .action-button-golden:hover {
	background-color: #d1a566; /* Более темный золотистый при наведении */
	border-color: #d1a566;
	color: #000;
}




/* Opportunities Section Styles */
.opportunities-section {
	background-color: #f5f5f5; /* Светло-серый фон */
	padding-top: 5rem;
	padding-bottom: 5rem;
}

.opportunities-section .opportunities-padding-top {
	padding-top: 3rem;
}

.opportunities-section .opportunities-main-title {
	font-size: 36px;
	font-weight: bold;
	color: #333;
	margin-bottom: 4rem;
}

/* Product Catalog Block */
.product-catalog-block-wrapper {
	margin-bottom: 4rem;
}

.product-catalog-block {
	max-width: 1100px;
	margin: 0 auto;
}

.product-catalog-block .product-catalog-header-top {
	background-color: #000;
	color: #fff;
	padding: 25px 30px;
	font-size: 22px;
	font-weight: bold;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
	margin-bottom: 0;
}

.product-catalog-block .product-catalog-content-area {
	background-color: #eee;
	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
	box-shadow: 0 5px 15px rgba(0,0,0,0.1);
	position: relative;
	padding-top: 30px;
	padding-bottom: 90px; /* Отступ снизу для кнопки */
}

.product-catalog-block .product-carousel-arrow {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 30px;
	height: 30px;
	background-color: #000000;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 24px;
	color: #fff;
	cursor: pointer;
	z-index: 10;
}

.product-catalog-block .product-carousel-arrow-left {
	left: 15px;
}

.product-catalog-block .product-carousel-arrow-right {
	right: 15px;
}

.product-catalog-block .product-card-row {
	margin-left: -15px;
	margin-right: -15px;
	padding-left: 50px;
	padding-right: 50px;
}

.product-catalog-block .product-card-col {
	padding-left: 15px;
	padding-right: 15px;
}

.product-catalog-block .product-card {
	background-color: #fff;
	border-radius: 15px;
	overflow: hidden;
	height: 100%;
	display: flex;
	flex-direction: column;
	box-shadow: 0 2px 8px rgba(0,0,0,0.05); /* Легкая тень для карточек */
}

.product-catalog-block .product-card-brand {
	display: flex;
	align-items: center;
	padding: 15px 20px;
	font-size: 14px;
	color: #555;
}

.product-catalog-block .product-card-brand .brand-logo {
	height: 20px; /* Размер логотипа */
	margin-right: 10px;
}

.product-catalog-block .product-card-brand.brand-text-only {
	flex-direction: column;
	align-items: flex-start;
	line-height: 1.2;
}

.product-catalog-block .brand-subtext {
	font-size: 11px;
	color: #999;
}

.product-catalog-block .brand-subtext-small {
	font-size: 10px;
	color: #999;
	margin-left: 5px;
}

.product-catalog-block .product-card-image {
	width: 100%;
	height: 200px; /* Фиксированная высота для изображений */
	object-fit: contain; /* Сохраняет пропорции, вписывая изображение */
	display: block;
	padding: 15px; /* Отступ внутри изображения */
	border-bottom: 1px solid #eee;
}

.product-catalog-block .product-card-body {
	padding: 20px;
	flex-grow: 1;
	display: flex;
	flex-direction: column;
	text-align: left;
}

.product-catalog-block .product-title {
	font-size: 16px;
	color: #333;
	margin-bottom: 5px;
	text-align: center;
}

.product-catalog-block .product-brand-name-small {
	font-size: 14px;
	color: #777;
	margin-bottom: 10px;
	text-align: center;
}

.product-catalog-block .product-description {
	font-size: 12px;
	color: #555;
	line-height: 1.4;
	margin-bottom: 15px;
	min-height: 55px;
}

.product-catalog-block .product-actions {
	margin-top: auto; /* Прижимает экшены к низу карточки */
	text-align: right;
}

.product-catalog-block .product-3d-icon {
	display: inline-block;
	background-color: #333;
	color: #fff;
	padding: 4px 8px;
	border-radius: 4px;
	font-size: 12px;
	font-weight: bold;
}

.product-catalog-block .product-catalog-button-wrapper {
	position: absolute;
	bottom: 30px;
	width: 100%;
	left: 0;
	margin-top: 0;
}

.product-catalog-block .product-catalog-view-button {
	display: inline-block;
	padding: 3px 20px;
	background-color: #000;
	border: 1px solid #000;
	border-radius: 30px;
	color: #fff;
	text-decoration: none;
	transition: all 0.3s ease;
}

.product-catalog-block .product-catalog-view-button:hover {
	background-color: #555;
	border-color: #555;
}

/* Bottom Blocks (Contact Database & Portfolio) */
.bottom-blocks-wrapper {
	margin-top: 4rem; /* Отступ между каталогом и нижними блоками */
}

.bottom-blocks-wrapper .bottom-block-col {
	padding: 15px;
}

.contact-database-block,
.portfolio-block {
	height: 100%; /* Занимает всю высоту колонки */
	display: flex;
	flex-direction: column;
}

.contact-database-block .contact-database-header-top,
.portfolio-block .portfolio-header-top {
	background-color: #000;
	color: #fff;
	padding: 25px 30px;
	font-size: 22px;
	font-weight: bold;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
	margin-bottom: 0;
}

.contact-database-block .contact-database-content-area,
.portfolio-block .portfolio-content-area {
	//background-color: #fff;
	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
	//box-shadow: 0 5px 15px rgba(0,0,0,0.1);
	position: relative;
	//padding-top: 30px;
	//padding-bottom: 90px; /* Отступ снизу для кнопки */
	flex-grow: 1; /* Растягивается на всю доступную высоту */
	display: flex;
	flex-direction: column;
	justify-content: center; /* Центрируем контент по вертикали */
	align-items: center; /* Центрируем контент по горизонтали */
}

.contact-database-block .contact-database-image {
	width: 100%; /* Ограничиваем ширину изображения */
	height: 300px;
	display: block;
	//margin-bottom: 20px; /* Отступ от изображения до кнопки */
	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
}

.portfolio-block .portfolio-image {
	width: 100%; /* Ограничиваем ширину изображения */
	height: 300px;
	display: block;
	//margin-bottom: 20px; /* Отступ от изображения до кнопки */
	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
}


.contact-database-block .contact-database-button-wrapper,
.portfolio-block .portfolio-button-wrapper {
	//position: absolute;
	//bottom: 30px;
	width: 100%;
	left: 0;
	margin-top: 0;
	text-align: center;
	margin-top: 30px;
}

.contact-database-block .contact-database-search-button,
.portfolio-block .portfolio-edit-button {
	display: inline-block;
	padding: 3px 20px;
	background-color: #000;
	border: 1px solid #000;
	border-radius: 30px;
	color: #fff;
	text-decoration: none;
	transition: all 0.3s ease;
}

.contact-database-block .contact-database-search-button:hover,
.portfolio-block .portfolio-edit-button:hover {
	background-color: #555;
	border-color: #555;
}




/* Expert Support Section Styles */
.expert-support-section {
	background-color: #d1a566; /* Основной золотистый фон */
	background-image: url('/bitrix/templates/id/images/header_bg.png'); /* Используем ваш фон для верхнего раздела */
	background-size: cover;
	background-position: center;
	padding-top: 5rem;
	padding-bottom: 5rem;
	position: relative; /* Для позиционирования overlay, если понадобится */
}

.expert-support-section .expert-support-padding-top {
	padding-top: 3rem;
}

.expert-support-section .expert-support-main-title {
	font-size: 36px;
	font-weight: bold;
	color: #fff; /* Белый текст */
	margin-bottom: 4rem;
}

.expert-support-section .expert-support-forms-wrapper {
	max-width: 1200px; /* Ограничиваем ширину контейнера с формами */
	margin: 0 auto;
}

.expert-support-section .expert-support-form-col {
	padding: 15px; /* Отступы между колонками */
}

.expert-support-section .expert-support-card {
	background-color: #333; /* Темный фон карточки */
	border-radius: 15px;
	box-shadow: 0 5px 15px rgba(0,0,0,0.2);
	display: flex;
	flex-direction: column;
	height: 100%; /* Чтобы карточки были одной высоты */
}

.expert-support-section .expert-support-card-header {
	background-color: #333; /* Темный фон для заголовка */
	color: #fff;
	padding: 25px 30px;
	font-size: 24px;
	font-weight: bold;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
	margin-bottom: 0;
	text-align: left;
}

.expert-support-section .expert-support-card-body {
	padding: 30px;
	flex-grow: 1;
	background-color: #333; /* Продолжаем темный фон внутри */
	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
}

.expert-support-section .expert-support-form-group {
	margin-bottom: 20px;
	position: relative; /* Для позиционирования label */
}

.expert-support-section .expert-support-label {
	display: block;
	color: #ccc; /* Цвет текста для "Тема" и "Описание проблемы" */
	font-size: 14px;
	margin-bottom: 5px;
}


.expert-support-section .expert-support-input,
.expert-support-section .expert-support-select,
.expert-support-section .expert-support-textarea {
	width: 100%;
	height: 50px; /* Единая высота для инпутов и селекта */
	border-radius: 8px;
	border: none;
	padding: 0 15px;
	font-size: 16px;
	color: #333;
	background-color: #e0e0e0; /* Светло-серый фон для полей */
	-webkit-appearance: none; /* Убирает стандартные стили для select */
	-moz-appearance: none;
	appearance: none;
}

.expert-support-section .expert-support-textarea {
	height: 120px; /* Увеличиваем высоту для textarea */
	padding-top: 15px;
	padding-bottom: 15px;
	resize: vertical; /* Разрешаем изменение размера только по вертикали */
}

.expert-support-section .expert-support-input::placeholder,
.expert-support-section .expert-support-select option {
	color: #777;
}

/* Кастомная стрелка для select */
.expert-support-section .expert-support-select {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 15px center;
	background-size: 1em;
}

.expert-support-section .expert-support-submit-button {
	width: 100%;
	height: 50px;
	background-color: #d1a566; /* Золотистая кнопка */
	color: #333;
	border: none;
	border-radius: 8px;
	font-size: 18px;
	font-weight: bold;
	cursor: pointer;
	transition: background-color 0.3s ease;
	margin-top: 10px; /* Отступ сверху от полей */
}

.expert-support-section .expert-support-submit-button:hover {
	background-color: #e0b884; /* Более светлый золотистый при наведении */
}



/* Stay Updated Section Styles */
.stay-updated-section {
	background-color: #f5f5f5; /* Светло-серый фон */
	//padding-top: 5rem;
	//padding-bottom: 5rem;
}

.stay-updated-section .stay-updated-padding-top {
	padding-top: 3rem;
}

.stay-updated-section .stay-updated-main-title {
	font-size: 36px;
	font-weight: bold;
	color: #000;
	margin-bottom: 4rem; /* Отступ снизу для главного заголовка */
}

.stay-updated-section .stay-updated-block-wrapper {
	padding-bottom: 3rem; /* Отступ снизу для общего блока новостей/календаря */
}

/* Common Card Container Styling */
.news-digest-block,
.events-calendar-block {
	margin-bottom: 4rem; /* Отступ между блоками новостей и календаря */
}

/* News Digest Block Specific Styling */
.news-digest-block .news-digest-header-top,
.events-calendar-block .events-calendar-header-top { /* Общий стиль для заголовков блоков */
	background-color: #181818;
	color: #fff;
	padding: 25px 30px;
	font-size: 24px;
	font-weight: bold;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
	margin-bottom: 0;
}

.news-digest-block .news-digest-content-area,
.events-calendar-block .events-calendar-content-area {
	background-color: #eee;
	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
	box-shadow: 0 5px 15px rgba(0,0,0,0.1);
	position: relative;
	padding-top: 30px; /* Внутренний отступ сверху */
	padding-bottom: 30px; /* Внутренний отступ снизу */
}

.news-digest-block .news-card-row,
.events-calendar-block .events-card-row {
	margin-left: -15px; /* Убираем стандартные отступы Bootstrap row */
	margin-right: -15px;
	padding-left: 50px; /* Отступ для стрелок */
	padding-right: 50px; /* Отступ для стрелок */
}

.news-digest-block .news-card-col,
.events-calendar-block .events-card-col {
	padding-left: 15px; /* Восстанавливаем отступы для колонок */
	padding-right: 15px;
}

.news-digest-block .news-card {
	background-color: #f5f5f5; /* Фон карточки, если нужен */
	border-radius: 15px;
	overflow: hidden;
	height: 100%;
	display: flex;
	flex-direction: column;
}

.news-digest-block .news-card-meta-bar {
	background-color: #000; /* Черная полоса сверху изображения */
	color: #fff;
	padding: 10px 20px;
	display: flex;
	justify-content: space-between;
	font-size: 14px;
	font-weight: bold;
}

.news-digest-block .news-card-description-area {
	background-color: #000; /* Темный фон для описания, сверху изображения */
	color: #fff;
	padding: 15px 20px;
}

.news-digest-block .news-card-description {
	font-size: 16px;
	margin-bottom: 0;
}

.news-digest-block .news-card-image {
	width: 100%;
	//height: 200px; /* Фиксированная высота для изображений */
	object-fit: cover;
	display: block;
}

/* Carousel Arrows - Common Styling */
.news-carousel-arrow,
.events-carousel-arrow {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 30px;
	height: 30px;
	background-color: #000000;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 24px;
	color: #fff;
	cursor: pointer;
	z-index: 10;
}

.news-carousel-arrow-left,
.events-carousel-arrow-left {
	left: 15px;
}

.news-carousel-arrow-right,
.events-carousel-arrow-right {
	right: 15px;
}

.news-digest-block .news-button-wrapper {
	margin-top: 30px; /* Отступ сверху для кнопки */
}

.news-digest-block .news-read-all-button {
	display: inline-block;
	padding: 3px 20px;
	border: 1px solid #000;
	border-radius: 30px;
	color: #000;
	text-decoration: none;
	transition: all 0.3s ease;
}

.news-digest-block .news-read-all-button:hover {
	background-color: #000;
	color: #fff;
}


/* Events Calendar Block Specific Styling */

.events-calendar-block .event-card {
	background-color: #fff; /* Белый фон для всей карточки мероприятия */
	border-radius: 15px;
	overflow: hidden;
	height: 100%;
	display: flex;
	flex-direction: column;
}

.events-calendar-block .event-card-image {
	width: 100%;
	//height: 200px; /* Фиксированная высота для изображений */
	object-fit: cover;
	display: block;
}

.events-calendar-block .event-card-body {
	padding: 20px;
	flex-grow: 1;
	display: flex;
	flex-direction: column;
	background-color: #fff; /* Убедимся, что фон белый */
}

.events-calendar-block .event-card-title {
	font-weight: bold;
	font-size: 18px;
	color: #333;
	margin-bottom: 5px;
}

.events-calendar-block .event-card-description {
	font-size: 16px;
	color: #555;
	margin-bottom: 15px;
}

.events-calendar-block .event-card-meta {
	display: flex;
	justify-content: space-between;
	font-size: 14px;
	color: #777;
	margin-top: auto; /* Прижимает мета-информацию к низу карточки */
}

.events-calendar-block .events-buttons-wrapper {
	margin-top: 30px; /* Отступ сверху для кнопок */
	display: flex;
	justify-content: center;
	gap: 20px; /* Отступ между кнопками */
	flex-wrap: wrap; /* Для переноса кнопок на новую строку на маленьких экранах */
}

.events-calendar-block .events-view-all-button {
	display: inline-block;
	padding: 3px 20px;
	border: 1px solid #000;
	border-radius: 30px;
	color: #000;
	text-decoration: none;
	transition: all 0.3s ease;
}

.events-calendar-block .events-view-all-button:hover {
	background-color: #000;
	color: #fff;
}

.events-calendar-block .events-add-to-calendar-button {
	display: inline-block;
	padding: 3px 20px;
	background-color: #000;
	border: 1px solid #000;
	border-radius: 30px;
	color: #fff;
	text-decoration: none;
	transition: all 0.3s ease;
}

.events-calendar-block .events-add-to-calendar-button:hover {
	background-color: #555;
	border-color: #555;
}



/* Media Center Section Styles */
.media-center {
	width: 100%;
	background-image: url(/bitrix/templates/id/images/mediacenter_bg.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: top;
}

.media-center .media-center-header {
	padding-top: 100px;
	margin-bottom: 3rem;
}

.media-center-title {
	font-size: 36px;
	font-weight: bold;
	color: #fff;
	margin-bottom: 20px;
}

.media-center-description {
	font-size: 25px;
	color: #ccc;
	line-height: 1.5;
	margin-top: 60px;
}

.media-center-form-row {
	margin-top: 10rem;
	display: flex;
	align-items: center; /* Центрируем элементы по вертикали */
	background-color: rgba(164, 131, 76, 0.3);
	border-radius: 20px;
	padding-bottom: 100px;
}

.media-center-image-column {
	padding-left: 30px; /* Отступ слева от изображения */
	display: flex;
	justify-content: center;
	align-items: center;
}

.media-center-form-card {
	//background-color: #d1a566; /* Золотистый фон формы */
	border-radius: 15px;
	padding: 32px;
	//box-shadow: 0 5px 15px rgba(0,0,0,0.2);
}

.media-center-form-group {
	margin-bottom: 20px;
}

.media-center-input,
.media-center-select {
	width: 100%;
	height: 50px;
	border-radius: 8px;
	border: none;
	padding: 0 15px;
	font-size: 16px;
	color: #333;
	background-color: #fff; /* Белый фон для полей */
}

.media-center-input::placeholder,
.media-center-select option {
	color: #777;
}

.media-center-select {
	-webkit-appearance: none; /* Убирает стандартную стрелку в Chrome/Safari */
	-moz-appearance: none;    /* Убирает стандартную стрелку в Firefox */
	appearance: none;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3E%3C/svg%3E"); /* Кастомная стрелка */
	background-repeat: no-repeat;
	background-position: right 15px center;
	background-size: 1em;
}

.media-center-submit-button {
	width: 100%;
	height: 50px;
	background-color: #181818; /* Темный цвет кнопки */
	color: #fff;
	border: none;
	border-radius: 8px;
	font-size: 18px;
	font-weight: bold;
	cursor: pointer;
	transition: background-color 0.3s ease;
}

.media-center-submit-button:hover {
	background-color: #555;
}

.media-center-decorative-image {
	max-width: 100%;
	height: auto;
	display: block;
}

.partners {
	padding-top: 50px;
	padding-bottom: 50px;
}

.partners h2 {
	color: #fff;
	padding: 0 0 30px 0;
}

.partners img {
	max-height: 45px;
}

.partners .button {
	padding: 5px 15px 5px 0px;
	border: 1px solid rgb(5, 5, 5);
	border-radius: 24.5px;
	background: padding-box rgb(255, 255, 255);
	-webkit-background-clip: padding-box;
	margin-top: 20rem;
}

.partners .button-text {
	float: left;
	margin: 0px 1.121076% 0px 0px;
	width: 87.44395%;
	color: rgb(0, 0, 0);
	text-align: center;
}
.partners .arrow-right {
  float: left;
  margin: 9px 0 0;
  max-width: 48px;
  width: 10.762332%; /* 48px / 446px = 10.762332% */
}

.specpredlojeniya {
	padding-top: 50px;
	padding-bottom: 50px;
}

.specpredlojeniya h2 {
	padding: 0 0 30px 0;
}

.specpredlojeniya img {
	width: 100%;
}

/* Design ID Impact Section Styles */
.design-id-impact-section {
	background-image: url(/bitrix/templates/id/images/bg_design_id_impact.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: top;
	padding-top: 190px; /* Отступ сверху */
	padding-bottom: 6rem; /* Отступ снизу */
}

.design-id-impact-section .design-id-title {
	color: #000;
	font-size: 30px;
	margin-bottom: 40px; /* Отступ снизу для заголовка */
}

.design-id-impact-section .white-rounded-bg-container {
	background-color: #fff;
	border-radius: 20px;
	//margin-left: 5%; /* Отступы по бокам, чтобы контейнер был уже */
	//margin-right: 5%;
	box-shadow: 0 10px 20px rgba(0,0,0,0.1); /* Легкая тень */
	margin-top: 7rem;
}

.design-id-impact-section .white-rounded-bg-container .container {
	padding-top: 8rem; /* Отступ сверху для внутреннего контейнера */
	padding-bottom: 2rem; /* Отступ снизу для внутреннего контейнера */
}

.design-id-impact-section .col-md-6.col-lg-3 {
	margin-bottom: 1.5rem; /* Отступ снизу для колонок */
}

.design-id-impact-section .impact-block {
	padding: 30px;
	background-color: #eeeeee;
	border-radius: 20px;
}

.design-id-impact-section .bg-impact-1{
	background-image: url('/bitrix/templates/id/images/bg_impact_1.png');
	background-size: contain;
	background-position: bottom;
	min-height: 25rem;
	background-repeat: no-repeat;
}

.design-id-impact-section .bg-impact-2{
	background-image: url('/bitrix/templates/id/images/bg_impact_2.png');
	background-size: contain;
	background-position: bottom;
	min-height: 25rem;
	background-repeat: no-repeat;
}

.design-id-impact-section .bg-impact-3{
	background-image: url('/bitrix/templates/id/images/bg_impact_3.png');
	background-size: contain;
	background-position: bottom;
	min-height: 25rem;
	background-repeat: no-repeat;
}

.design-id-impact-section .bg-impact-4{
	background-image: url('/bitrix/templates/id/images/bg_impact_4.png');
	background-size: contain;
	background-position: bottom;
	min-height: 25rem;
	background-repeat: no-repeat;
}

.design-id-impact-section .impact-block-header {
	background-color: #333; /* Темный фон для заголовка блока */
	color: #fff;
	padding: 5px 15px;
	border-radius: 20px; /* Скругленные углы для заголовка блока */
	display: inline-block; /* Для корректного применения padding */
	margin-bottom: 20px;
	font-size: 14px;
}

.design-id-impact-section .impact-block p {
	color: #555;
	font-size: 15px;
	line-height: 1.6;
	margin-bottom: 20px;
}

.design-id-impact-section .impact-block img {
	max-width: 100%;
	height: auto;
	display: block;
	margin: 0 auto;
}


/* Newsletter Section Styles */
.newsletter-section {
	background-image: url('/bitrix/templates/id/images/bg_email.png');
	background-size: cover;
	//background-position: center;
	padding-top: 50px; /* Отступ сверху */
	padding-bottom: 100px; /* Отступ снизу */
}

.newsletter-section .intro {
	margin-bottom: 3rem; /* Отступ снизу для блока intro */
}

.newsletter-section .intro h4 {
	color: #fff;
	font-size: 36px;
	/* margin-bottom уже определен в .intro */
}

.newsletter-section .form-group {
	margin-left: 0.5rem; /* Отступ слева для групп формы */
	margin-right: 0.5rem; /* Отступ справа для групп формы */
	margin-bottom: 0.5rem; /* Отступ снизу для групп формы */
}

.newsletter-section .form-group input.form-control {
	min-width: 300px;
	height: 50px;
	padding: 10px 20px;
}

.newsletter-section .btn-action {
	background-color: #d1a566;
	border-color: #d1a566;
	font-weight: bold;
	height: 50px;
	padding: 0 30px;
}
	
.footer {
background-color: #222221;
color: #ffffff;
padding: 70px 0 50px 0;
}

.footer .logo {
width: 60%;
}

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

.footer a {
color: #ffffff;
}
/* End */
/* /bitrix/templates/id/components/bitrix/news.list/product_catalog_template/style.css?1766436646150 */
/* /bitrix/templates/id/components/bitrix/news.list/news_carousel_template/style.css?1766350089150 */
/* /bitrix/templates/id/components/bitrix/news.list/events_carousel_template/style.css?1766353152150 */
/* /bitrix/templates/id/styles.css?176659799726747 */