/* Start:/bitrix/templates/napotapovskom/template_styles.css?17330623111772*/
.ratio-9x21 {
	--bs-aspect-ratio: 180%;
    max-width: 320px;
}
.ratio-9x18 {
	--bs-aspect-ratio: 135%;
    max-width: 320px;
}
.media-icon__with-icon {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}
.media-icon__with-icon img {
	height: 1.5rem;
}

/* service-item date */
.service-date {
	background-color: var(--main-light);
    padding-top: 10px;
}
.service-item .service-date + h4 {
	padding-top: 0;
}

/* popular-item */
.featured-item--popular {
    font-size: 0.8rem;
	line-height: 1.25;
	position: relative;
}

.featured-item--popular .featured-icon svg {
    z-index: 9;
    position: relative;
    display: inline-block;
	background-color: transparent;
    border-radius: 0px;
    height: 70px;
    width: 70px;
    padding: 0px;
	transition: all 500ms;
}
.featured-item--popular .featured-icon svg path {
	fill: #c4b3a3;
	fill-rule: evenodd;
}
.featured-item--popular:hover .featured-icon svg {
	background-color: var(--main-dark);
    border-radius: 50px;
    padding: 15px;
	transform: scale(0.9);
}
.featured-item--popular:hover .featured-icon svg path {
	fill: var(--main-light);
}
.featured-item--popular .featured-desc ul {
	list-style-position: inside;
}
@media (width < 768px) {
	.featured-item--popular {
		display: flex;
		flex-direction: column;
		align-items: center;
	}
}
@media (width >= 992px) {
	.featured-item--popular {
		align-items: center;
		display: grid;
		gap: 0.25rem 0.5rem;
		grid-template-columns: 86px 1fr;
	}
	.featured-item--popular > * {
		margin-block: 0 !important;
	}
	.featured-item--popular .featured-icon {
		margin-left: -10px;
		margin-right: 10px;
	}
	.featured-item--popular .featured-desc {
		grid-column: span 2;
	}
}
/* End */
/* /bitrix/templates/napotapovskom/template_styles.css?17330623111772 */