/* start ------------------------------------------ clients ------------------------------------------ */
.clients .content__headline {
	margin-bottom: 20px;
}
.clients h2 {
	width: 160px;
	position: relative;
	margin-bottom: 10px;
}
.clients h2:after {
    position: absolute;
    width: 47px;
    height: 55px;
    right: -71px;
    background-image: url('../../assets/icon/heart.png');
    background-size: contain;	
}
.clients .content__headline-desc {
	line-height: 1.4;
	margin-bottom: 20px;
}
.clients .content__headline-data .data-info {
	align-items: center;
    gap: 12px;
	margin-bottom: 10px;
    font-size: 16px;
    line-height: 1.4;	
}
.clients .content__headline-data .data-link {
    align-items: center;
    gap: 17px;
	line-height: 1;
	color: #333;
	text-decoration: underline;
    text-decoration-color: var(--chernyy-400);
    text-underline-offset: 3px;
}
.clients .content__headline-data .data-link:hover {
	text-decoration: none;
}
.clients .card__box {
    padding: 15px;
	position: relative;
	background: #fff;
	border: 0;
}
.clients .card__box:before {
    border: 1px solid var(--chernyy-100);
    border-radius: 16px;
	position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;	
}
.clients .card__item:hover .card__box:before {
    border: 2px solid var(--zheltyy-200);
}
.clients .card__link-video {
    margin-bottom: 15px;
}
.clients .card__img {
	position: relative;
}
.clients .card__img:before {
	content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 33px;
    height: 37px;
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='42' height='47' viewBox='0 0 42 47' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M39.2992 20.0255C41.9901 21.5603 41.9901 25.4397 39.2992 26.9745L6.58283 45.6357C3.91622 47.1568 0.600988 45.2311 0.600988 42.1612L0.60099 4.83878C0.60099 1.76888 3.91622 -0.15676 6.58284 1.36426L39.2992 20.0255Z' fill='white' /%3e%3c/svg%3e");
	background-size: cover;
}
.clients .card__item:hover .card__img:before {
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='42' height='47' viewBox='0 0 42 47' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M39.2992 20.0255C41.9901 21.5603 41.9901 25.4397 39.2992 26.9745L6.58283 45.6357C3.91622 47.1568 0.600988 45.2311 0.600988 42.1612L0.60099 4.83878C0.60099 1.76888 3.91623 -0.15676 6.58284 1.36426L39.2992 20.0255Z' fill='%23FFE70F' /%3e%3c/svg%3e");
}
.clients .card__title {
	font-family: var(--second-family);
    font-size: 14px;
    line-height: 1.3;
    margin-bottom: 5px;
}
.clients .card__comment {
	font-family: var(--second-family);
	font-size: 14px;
	line-height: 1.3;
	margin-bottom: 20px;
}
.clients .card__comment .smile {
    position: relative;
    bottom: 3px;
}
.clients .card__comment-data {
	font-family: var(--second-family);
	font-size: 16px;
	line-height: 1;
	color: var(--chernyy-400);
	margin-top: auto;
    margin-bottom: 0;
	align-items: center;
    gap: 8px;	
}
.clients .card__comment-data:before {
	width: 16px;
    height: 16px;
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg clip-path='url(%23clip0_3597_9004)'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.5 9H8.5V8H7.5V9ZM7.5 13H8.5V12H7.5V13ZM11.5 9H12.5V8H11.5V9ZM11.5 13H12.5V12H11.5V13ZM3.5 13H4.5V12H3.5V13ZM14.5 4H1.5V3C1.5 2.448 1.948 2 2.5 2H4.5V2.5C4.5 2.7765 4.7235 3 5 3C5.2765 3 5.5 2.7765 5.5 2.5V2H10.5V2.5C10.5 2.7765 10.7235 3 11 3C11.2765 3 11.5 2.7765 11.5 2.5V2H13.5C14.052 2 14.5 2.448 14.5 3V4ZM13.5 9C13.5 9.552 13.052 10 12.5 10H11.5C10.948 10 10.5 9.552 10.5 9V8C10.5 7.448 10.948 7 11.5 7H12.5C13.052 7 13.5 7.448 13.5 8V9ZM13.5 13C13.5 13.552 13.052 14 12.5 14H11.5C10.948 14 10.5 13.552 10.5 13V12C10.5 11.448 10.948 11 11.5 11H12.5C13.052 11 13.5 11.448 13.5 12V13ZM9.5 9C9.5 9.552 9.052 10 8.5 10H7.5C6.948 10 6.5 9.552 6.5 9V8C6.5 7.448 6.948 7 7.5 7H8.5C9.052 7 9.5 7.448 9.5 8V9ZM9.5 13C9.5 13.552 9.052 14 8.5 14H7.5C6.948 14 6.5 13.552 6.5 13V12C6.5 11.448 6.948 11 7.5 11H8.5C9.052 11 9.5 11.448 9.5 12V13ZM5.5 9C5.5 9.552 5.052 10 4.5 10H3.5C2.948 10 2.5 9.552 2.5 9V8C2.5 7.448 2.948 7 3.5 7H4.5C5.052 7 5.5 7.448 5.5 8V9ZM5.5 13C5.5 13.552 5.052 14 4.5 14H3.5C2.948 14 2.5 13.552 2.5 13V12C2.5 11.448 2.948 11 3.5 11H4.5C5.052 11 5.5 11.448 5.5 12V13ZM13.5 1H11.5V0.5C11.5 0.224 11.2765 0 11 0C10.7235 0 10.5 0.224 10.5 0.5V1H5.5V0.5C5.5 0.224 5.2765 0 5 0C4.7235 0 4.5 0.224 4.5 0.5V1H2.5C1.3955 1 0.5 1.8955 0.5 3V14C0.5 15.1045 1.3955 16 2.5 16H13.5C14.6045 16 15.5 15.1045 15.5 14V3C15.5 1.8955 14.6045 1 13.5 1ZM3.5 9H4.5V8H3.5V9Z' fill='%23999999' /%3e%3c/g%3e%3cdefs%3e%3cclipPath id='clip0_3597_9004'%3e%3crect width='16' height='16' fill='white' /%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
}
@media (max-width: 767px) {
	.clients .content__headline .content__headline-desc img {
		display: none;
	}	
}
@media (min-width: 768px) {
	.clients .content__headline {
		margin-bottom: 20px;
	}	
	.clients h2 {
		width: 503px;
		margin-bottom: 20px;
	}
	.clients h2:after {
		width: 69px;
		height: 81px;
		right: -84px;
	}
	.clients .content__headline-desc {
		font-size: 20px;
		margin-bottom: 23px;
	}	
	.clients .content__headline-desc > span {
		display: block;
	}
	.clients .content__headline-data .box__img {
		display: none;
	}
	.clients .content__headline-data {
		display: flex;
		align-items: center;
		gap: 15px;
	}
	.clients .content__headline-data .data-info {
		font-size: 20px;
		gap: 15px;
	}
	.clients .content__headline-data .data-link {
		font-size: 18px;
		flex-flow: row-reverse;
	}
	.clients .content__headline-data .data-link svg {
		width: 50px;
		height: 50px;
	}	
	.clients .content__headline-data .data-info, .clients .content__headline-data .data-link {
		margin-bottom: 0;
	}
	.clients .card__link-video {
		margin-bottom: 20px;
	}
	.clients .card__title {
		font-size: 16px;
		margin-bottom: 12px;
	}
	.clients .card__comment {
		font-size: 18px;
		margin-bottom: 30px;
	}	
}
@media (min-width: 1024px) {
	.clients .content__headline {
		position: relative;
		margin-bottom: 30px;
	}	
	.clients h2 {
		width: 550px;
		margin-bottom: 11px;
	}
	.clients h2:after {
		width: 47px;
		height: 56px;	
		right: 0;
		background-size: cover;	
	}
	.clients .content__headline-desc {
		margin-bottom: 0;
	}	
	.clients .content__headline-data {
		display: inline-flex;
		flex-direction: column;
		position: absolute;
		top: 0;
		right: 0;
		align-items: flex-end;
		gap: 20px;
	}
	.clients .content__headline-data .data-info {
		font-size: 24px;
		text-align: right;
	}
	.clients .content__headline-data .data-link {
		font-size: 16px;
		flex-direction: row-reverse;
	}
	.clients .content__headline-data .data-link svg {
		width: 40px;
		height: 40px;
	}	
	.clients .card__item {
		padding: 10px 10px 15px!important;
	}	
	.clients .card__box {
		padding: 15px;
	}	
	.clients .card__img:before {
		width: 42px;
		height: 47px;		
	}
	.clients .card__title {
		font-size: 16px;
		margin-bottom: 8px;
	}	
}
/* end -------------------------------------------- clients ------------------------------------------- */