

/* Start:/bitrix/templates/protobyte_protocorp/components/bitrix/news.detail/services_custom/css/style.css?17810943224017*/
	.news-detail__advantages {
				margin: 40px 0;
				text-align: center;
			}
			.news-detail__advantages h3 {
				font-size: 24px;
				margin-bottom: 24px;
				color: #333;
			}
			.advantages-grid {
				display: flex;
				flex-wrap: wrap;
				justify-content: center;
				gap: 20px;
				max-width: 1200px;
				margin: 0 auto;
			}
			.advantage-item {
				flex: 1 1 400px;
				max-width: 500px;
				display: flex;
				flex-direction: column;
				align-items: flex-start;
				padding: 20px;
				background: #f9f9f9;
				border-radius: 12px;
				box-shadow: 0 2px 10px rgba(0,0,0,0.05);
				transition: transform 0.3s ease;
			}
			.advantage-item:hover {
				transform: translateY(-5px);
			}
			.advantage-item__icon {
				margin-bottom: 12px;
			}
			.advantage-item__icon img {
				width: 48px;
				height: 48px;
				object-fit: contain;
			}
			.advantage-item__title {
				font-weight: 600;
				font-size: 18px;
				color: #111;
				margin-bottom: 8px;
			}
			.advantage-item__desc {
				color: #555;
				font-size: 15px;
				line-height: 1.5;
			}

.faq-item { margin-bottom: 10px; border-bottom: 1px solid #eee; }
						.faq-item__question {
							cursor: pointer;
							font-weight: 600;
							padding: 10px 0;
							position: relative;
							padding-right: 20px;
   							 font-size: 16px;
						}
						.faq-item__question .faq-item__arrow {
							position: absolute;
							right: 0;
							top: 50%;
							transform: translateY(-50%) rotate(-90deg);
							transition: transform 0.3s;
							width: 8px;
							height: 8px;
							border-left: 2px solid #000;
							border-bottom: 2px solid #000;
						}
						.faq-item__question.active .faq-item__arrow {
							transform: translateY(-50%) rotate(0);
						}
						.faq-item__answer {
							display: none;
							padding: 0 0 15px 0;
							line-height: 1.6;
							color: #787878;
    						font-size: 16px;
						}
						.faq-item__answer p {
							margin: 0 0 8px 0;
						}
.news-detail__related-projects {
				margin: 60px 0 40px;
				text-align: center;
			}
			.news-detail__related-projects h3 {
				font-size: 24px;
				color: #333;
				margin-bottom: 30px;
			}
			.grid-list {
				display: flex;
				flex-wrap: wrap;
				gap: 24px;
				justify-content: center;
			}
			.grid-list-three .grid-list__item {
				flex: 1 1 300px;
				max-width: 350px;
			}
			.card-project {
				background: #fff;
				border-radius: 12px;
				overflow: hidden;
				box-shadow: 0 4px 15px rgba(0,0,0,0.08);
				transition: transform 0.3s ease;
			}
			.card-project:hover {
				transform: translateY(-5px);
			}
			.card__img img {
				width: 100%;
				height: 200px;
				object-fit: cover;
			}
			.card__title {
				padding: 15px 20px 10px;
				font-weight: 600;
				font-size: 18px;
			}
			.card__title a {
				color: #111;
				text-decoration: none;
			}
			.card__props {
				padding: 0 20px 20px;
			}
			.card__props-item {
				display: flex;
				font-size: 14px;
				margin-top: 6px;
			}
			.card__props-name {
				min-width: 120px;
				color: #555;
			}
			.card__props-value {
				flex: 1;
				color: #333;
			}

.news-detail__advantages-block {
				margin: 60px 0;
			}
			.teasers__items {
				display: flex;
				flex-wrap: wrap;
				justify-content: center;
				gap: 20px;
			}
			.teasers__item {
				flex: 1 1 250px;
				max-width: 300px;
			}
			.teasers__card {
				background: #f8f9fa;
				border: 1px solid #eaeaea;
				border-radius: 12px;
				padding: 24px 20px;
				text-align: center;
				transition: all 0.3s ease;
			}
			.teasers__card:hover {
				transform: translateY(-5px);
				box-shadow: 0 10px 25px rgba(0,0,0,0.1);
			}
			.teasers__background {
				display: inline-flex;
				justify-content: center;
				align-items: center;
				width: 60px;
				height: 60px;
				background: #111;
				border-radius: 50%;
				margin-bottom: 16px;
			}
			.teasers__icon svg {
				width: 28px;
				height: 28px;
				fill: #fff;
			}
			.teasers__text {
				font-size: 18px;
				font-weight: 600;
				color: #111;
				margin: 0;
			}
/* End */
/* /bitrix/templates/protobyte_protocorp/components/bitrix/news.detail/services_custom/css/style.css?17810943224017 */
