

/* Start:/bitrix/templates/.default/components/bitrix/news.list/faq/style.css?17848669054298*/
.accordion-item {
        background-color: #EAE4DB;
        margin-bottom: 10px;
    }
    .accordion-header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 30px;
        cursor: pointer;
		font-weight: 400;
		font-size: 20px;
		line-height: 28px;
		vertical-align: middle;
		color: #503930;

    }
    .accordion-header span svg {
        transition: transform 0.3s ease;
    }
    .accordion-header.active span svg {
        transform: rotate(180deg);
    }
    .accordion-content {
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.4s ease, padding 0.3s ease;
        font-size: 16px;
        line-height: 1.5;
    }
	.accordion-content__inner {
		background-color: #f8f5f1;
		padding: 15px;
		font-weight: 400;
    	font-size: 20px;
    	line-height: 28px;
    	vertical-align: middle;
		color: #503930;
    	margin: 0px 30px 30px 30px;
	}
    .accordion-content.open {
		max-height: 1000px;
    }
	.accordion-header span {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 45px;
		height: 45px;
		background: #FFFFFF;
	}
	.accordion-header.active span {
		background: #041F3D;
	}
	.accordion-header.active span svg path {
		stroke: #FFFFFF;
	}
	.title-container {
		display: flex;
		align-items: flex-end;
		justify-content: space-between;
	}
	.important .left-title {
		max-width: 1288px;
		width: 100%;
	}
	.subtitle p {
		font-weight: 400;
		font-size: 20px;
		line-height: 28px;
		vertical-align: middle;
		color: #503930;
		margin: 0;
	}
	.important__content {
		display: flex;
		justify-content: space-between;
		gap: 60px;
		margin-top: 60px;
	}
	.important__title span {
		font-family: Forum;
		font-weight: 400;
		font-size: 100px;
		line-height: 100%;
		vertical-align: middle;
		text-transform: uppercase;
		color: #B5A68E;
	}
	.important__content--right {
		max-width: 1208px;
		width: 100%;
	}
	.important__content--grids {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		grid-template-rows: repeat(2, 1fr);
		gap: 30px;
	}
	.important__content--card {
		padding: 40px 25.5px;
		border: 1px solid #B5A68E;
	}
	.important__content--card--text {
		font-weight: 400;
		font-size: 20px;
		line-height: 28px;
		vertical-align: middle;
		color: #503930;
	}
	.important__content--text {
		margin-top: 30px;
		font-weight: 400;
		font-size: 24px;
		line-height: 28px;
		color: #503930;
		vertical-align: middle;
	}
	.newHouse__content {
		display: flex;
    	gap: 100px;
	}
	.newHouse__text p {
		font-weight: 400;
		font-size: 20px;
		line-height: 28px;
		text-align: justify;
		vertical-align: middle;
		color: #503930;
		margin-top: 0px;
		margin-bottom: 25px;
	}
    @media (max-width: 1600px) {
        .left-title .title br {
			display: none;
        }
		.newHouse__content {
			gap: 30px;
		}
		.newHouse__img {
			max-width: 65%;
		}
		.newHouse__img img {
			width: 100%;
			height: 100%;
			object-fit: cover;
		}
		.newHouse__text {
			max-width: 35%;
		}
    }
	@media (max-width: 1050px) {
		.important__content {
			flex-direction: column;
			gap: 30px;
		}
		.important__title span br {
			display: none;
		}
		.important__title span {
			font-size: 64px;
		}
		.important__content--text {
			font-size: 20px;
		}
		.newHouse__content {
			flex-direction: column;
		}
		.newHouse__text {
			max-width: 100%;
		}
		.newHouse__img {
			max-width: 100%;
		}
	}
	@media (max-width: 650px) {
		.left-title .title {
			font-size: 30px;
		}
		.subtitle p {
			font-size: 16px;
		}
		.important__content {
			margin-top: 20px;
		}
		.important__title span {
			font-size: 40px;
		}
		.important__content--grids {
			grid-template-columns: repeat(1, 1fr);
			grid-template-rows: repeat(4, auto);
			gap: 15px;
		}
		.important__content--card {
			padding: 20px;
		}
		.important__content--card--text {
			font-size: 16px;
		}
		.important__content--text {
			margin-top: 20px;
			font-size: 16px;
		}
		.newHouse__text p {
			font-size: 16px;
			margin-bottom: 15px;
		}
		.accordion-header {
			padding: 15px;
			font-size: 18px;
		}
		.accordion-content__inner {
			font-size: 16px;
		}
		.accordion-header span {
			min-width: 30px;
			width: 30px;
			min-height: 30px;
			height: 30px;
		}
		.accordion-header span svg {
			width: 20px;
		}
	}
/* End */
/* /bitrix/templates/.default/components/bitrix/news.list/faq/style.css?17848669054298 */
