/* Start:/local/templates/bizgift/components/DBdev/main.feedback/portfolio_list_new/style.css?17815081751023*/
.need-help .modal-form__title,
.need-help .small-text,
.need-help .modal-body .small-text a {
	color: #3f3d40;
}

.need-help .modal-body .small-text a:hover {
	color: #e67228;
}

.need-help .input-wrapper,
.need-help .modal-form__desc  {
	color: #3f3d40;
}

.need-help__header .need-help__header-text p {
	font-size: 18px;
}

.need-help__header .need-help__header-text {
	padding-top: 0;
}

.need-help .need-help__header-text {
    width: auto;
    margin-right: 20px;
}

.need-help .button.button--fluid {
	max-width: 190px;
}

.need-help .modal .button.button--fluid {
	max-width: 100%;
}

.need-help .need-help__header {
	margin-bottom: 0;
}

.container .need-help {
	position: static;
}

@media(max-width: 678px){
	.need-help .need-help__header-text {
		margin-bottom: 20px;
		margin-right: 0;
	}
	.container .need-help {
		margin-top: 0;
		margin-bottom: 20px;
	}
	.need-help .button.button--fluid {
		max-width: 100%;
	}
}

.mf-captcha,
.mf-captcha img {
	margin: 10px 0;
}

.mf-captcha .mf-text {
	font-size: 14px;
}
/* End */


/* Start:/local/templates/bizgift/components/bitrix/news.list/portfolio/style.css?17818723819202*/
/*PRO_WS_ARROWS*/
.modal-nav {
    position: absolute;
    /*top: 50%;*/
	top: 300px;
    transform: translateY(-50%);
    background: rgba(255,255,255,0.95);
    border: none;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1060;
    cursor: pointer;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
    transition: all 0.25s ease;
    opacity: 0.9;
}

.modal-nav:hover {
    background: white;
    transform: translateY(-50%) scale(1.08);
    opacity: 1;
}

.modal-nav-prev { left: 15px; }
.modal-nav-next { right: 15px; }

.modal-content {
    position: relative;
}
@media(min-width: 768px){
	.modal-nav-prev { left: -70px; }
	.modal-nav-next { right: -70px; }
}
/*PRO_WS_ARROWS*/
/*PRO_WS*/
.row.news-list {
	margin-bottom: 30px;
}

.portfolio-row .col-lg-3 a img {
	height: 300px;
	object-fit: contain;
}

.news-list .portfolio-row .col-lg-3 .card-title,
.news-list .portfolio-row .col-lg-6.two-cards-column .card-title {
	padding-top: 15px;
}

#portfolioDetailModal .modal-dialog-scrollable .modal-body {
    overflow-x: inherit;
}

.vs-likeit-cnt {
	margin: 0 5px;
    font-size: 12px;
}

.vs-likeit-active svg path {
	fill: rgb(218, 15, 15);
	d: path("M10.9997 2C13.025 2 14.6663 3.66667 14.6663 6C14.6663 10.6667 9.66634 13.3333 7.99967 14.3333C6.33301 13.3333 1.33301 10.6667 1.33301 6C1.33301 3.66667 2.99967 2 4.99967 2C6.23967 2 7.33301 2.66667 7.99967 3.33333C8.66634 2.66667 9.75968 2 10.9997 2Z");
}

.card-body .item-card__like {
    padding: 10px;
    width: auto;
    background: white;
    border-radius: 10px;
}

.big-rectangle,
.big-square,
.four-cards {
	position: relative;
}

.big-rectangle .card-body .card-title,
.big-square .card-body .card-title,
.four-cards .card-body .card-title {
	position: absolute;
    bottom: 0;
}

.news-list .big-rectangle div.card-title,
.news-list .big-rectangle div.card-title a,
.news-list .big-square div.card-title,
.news-list .big-square div.card-title a {
	color: white;
}

.big-rectangle .card-body:before,
.big-square .card-body:before {
position: absolute;
content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 60px;
    background: linear-gradient(transparent, #070707);
    pointer-events: none;
    opacity: 1;
    transition: opacity 0.3s ease;
}

.four-cards .card-body {
	padding-bottom: 0;
}

@media(max-width: 768px){
	.four-cards .card-body .card-title {
		position: static;
   		padding-top: 10px;
	}

	.card-body .item-card__like {
		margin-right: 10px;
	}
}

.news-list .card {
    border: none;
    /*background: #f5f5f5;*/
	height: 100%;
	background: #fff;
    -webkit-box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.08);
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.08);
    border-radius: 16px;
}

.news-list .card-body {
	padding-top: 0;
}

.news-list div.card-title,
.news-list div.card-title a {
	font-size: 13px;
    height: 39px;
	font-family: 'Manrope', sans-serif;
    font-weight: normal;
}

.card-img,
.card-img-bottom,
.card-img-top {
	padding: 20px;
	padding-bottom: 0;
}

.news-list-block {
	margin-bottom: 40px;
	padding: 0 14px;
}
/*PRO_WS*/
/* POST FORMATS */
.news-list-item-embed-audio,
.news-list-item-embed-video,
.news-list-item-embed-slider {
	position: relative;
	margin-bottom: 20px;
	text-align: center;
}

.news-list-item-embed-slider img {
	max-width: 100%;
	max-height: 100%;
	width: auto;
	height: auto
}

.news-list-item-embed-video {
	z-index: 1;
	display: block;
	background: url(/local/templates/bizgift/components/bitrix/news.list/portfolio/images/bx-video.png) no-repeat center;
	transition: opacity .3s ease;
}

/*region POST FORMATS /// SLIDER */
.news-list-item-embed-slider {
	overflow: hidden;
	padding-bottom: 56.25%;
	width: 100%;
	height: 0;
}

.news-list-slider-container {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	-webkit-box-align: center;
	align-items: center;
}

.news-list-slider-slide {
	z-index: 100;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
}

.news-list-slider-slide img { border-radius: 3px 3px 0 0; }

.news-list-item-embed-video {
	overflow: hidden;
	border-radius: 3px 3px 0 0;
}

.news-list-slider-arrow-container-left,
.news-list-slider-arrow-container-right {
	position: absolute;
	top: 0;
	bottom: 0;
	width: 15%;
	cursor: pointer;
}

.news-list-slider-arrow-container-left { left: 0; }

.news-list-slider-arrow-container-right { right: 0; }

.news-list-slider-arrow {
	position: absolute;
	top: 50%;
	z-index: 110;
	margin-top: -24px;
	width: 20px;
	height: 48px;
	color: #fff;
	vertical-align: middle;
	text-shadow: 0 0 2px rgba(0, 0, 0, .5);
	font-size: 48px;
	line-height: 34px;
	opacity: .5;
	cursor: pointer;
}

.news-list-slider-arrow-container-left:hover .news-list-slider-arrow,
.news-list-slider-arrow-container-right:hover .news-list-slider-arrow {
	display: block;
	color: #fff;
	opacity: 1;
}

.news-list-slider-arrow-container-left .news-list-slider-arrow { left: 20px; }

.news-list-slider-arrow-container-right .news-list-slider-arrow { right: 20px; }

.news-list-slider-control {
	position: absolute;
	bottom: 10px;
	z-index: 110;
	margin: 0;
	padding: 0;
	width: 100%;
	text-align: center;
	word-spacing: -4px;
}

.news-list-slider-control li {
	display: inline-block;
	margin: 0 3px;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: #fff;
	word-spacing: -4px;
	opacity: .5;
	cursor: pointer;
}

.news-list-slider-control li:hover,
.news-list-slider-control li.current {
	background: var(--primary);
	opacity: 1;
}

.news-list-slider-arrow,
.news-list-slider-control li { transition: opacity .3s ease; }

/*endregion*/

.news-list .card-title,
.news-list .card-title a {
	margin: 0;
	padding: 0 0 15px;
	color: var(--primary);
	font: 18px var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
	font-weight: var(--ui-font-weight-semi-bold, 600);
}

.news-list .card-title a:hover {
	border-bottom-color: transparent;
	text-decoration: none;
}

.news-list-post-params {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-bottom: 5px;
}

.news-list-param,
.news-list-value{
	font-size:13px;
	color: #a4a4a4;
	padding-left: 5px;
}

.news-list-icon {
	display: block;
	min-width: 15px;
	height: 15px;
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
}

.news-list-icon-eye { background-image: url(/local/templates/bizgift/components/bitrix/news.list/portfolio/images/eye.svg); }
.news-list-icon-calendar { background-image: url(/local/templates/bizgift/components/bitrix/news.list/portfolio/images/calendar.svg); }
.news-list-icon-tag { background-image: url(/local/templates/bizgift/components/bitrix/news.list/portfolio/images/tag.svg); }
.news-list-icon-user { background-image: url(/local/templates/bizgift/components/bitrix/news.list/portfolio/images/user.svg); }
.news-list-icon-comments { background-image: url(/local/templates/bizgift/components/bitrix/news.list/portfolio/images/comments.svg); }


/* ====================== PORTFOLIO LAYOUT ====================== */
.news-list .row {
    display: flex;
    flex-wrap: wrap;
    gap: 0;
    align-items: flex-start;
}

/* Большая квадратная карточка */
.big-square .card {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.big-square .card-img-top {
    aspect-ratio: 1 / 1;
    object-fit: cover;
}

/* ====================== TWO CARDS ====================== */
.two-cards-wrapper {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.two-cards-wrapper .card {
    flex: 1;
    display: flex;
    flex-direction: column;
    margin-bottom: 0 !important;
}

/* Высота картинок в парных карточках */
.two-cards-wrapper .card-img-top {
    aspect-ratio: 1 / 0.82; /* подбери под свои изображения */
    object-fit: cover;
    height: 170px; /* можно убрать, если aspect-ratio хорошо работает */
}

/* Большая квадратная */
.big-square .card {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.big-square .card-img-top {
    aspect-ratio: 1 / 1;
    object-fit: cover;
}

/* Общий контейнер */
.news-list .row {
    display: flex;
    flex-wrap: wrap;
   /* вместо mb-4 на каждой карточке */
    align-items: flex-start;
}

.news-list-item {
    margin-bottom: 20px;    /* убираем, т.к. gap на row */
}

/* Если нужно выровнять высоту колонок лучше — можно добавить */
.news-list .row {
    align-content: start;
}

/*new*/
.two-cards-group {
    display: flex;
}

.two-cards-column {
	width: 100%;
}

.two-cards-group .row {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.two-cards-column .card {
    height: 100%;
    display: flex;
    flex-direction: column;
}

/* Картинки в парных карточках */
.two-cards-column .card-img-top {
    aspect-ratio: 1 / 0.82;
    object-fit: contain;
    height: 220px;           /* подбери под свой дизайн */
}

/* Большая квадратная */
.big-square .card {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.big-square .card-img-top {
    aspect-ratio: 1 / 1;
    object-fit: cover;
}
/* End */
/* /local/templates/bizgift/components/DBdev/main.feedback/portfolio_list_new/style.css?17815081751023 */
/* /local/templates/bizgift/components/bitrix/news.list/portfolio/style.css?17818723819202 */