/**********************
Title: градиент текст
**********************/

.gradient-text-primary {
    background: linear-gradient(90deg, var(--color-primary), var(--color-primary-lighter));
}

.gradient-text-primary_1 {
    background: linear-gradient(90deg, #ff6a00, #ee0979);
}

[class^=gradient-text], [class*=" gradient-text"] {
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
}


/**********************
Title: brend
**********************/
.card-v2-img {
    max-height: 34px;
    filter: invert(68%) sepia(8%) saturate(3243%) hue-rotate(176deg) brightness(97%) contrast(89%);
}


/**********************
Title: clamp
**********************/
[class^=text-clamp], [class*=" text-clamp"] {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.text-clamp-2 {
    -webkit-line-clamp: 2;
    line-clamp: 2;
}
.text-clamp-3 {
    -webkit-line-clamp: 3;
    line-clamp: 3;
}




/**********************
Title: Feature v4
**********************/
.feature-v4 {
	--feature-text-offset: 65%;
	position: relative;
	z-index: 1
}

@media (min-width: 32rem) {
	.feature-v4__text-offset\@xs {
		width: calc(100% + var(--feature-text-offset))
	}

	.feature-v4--invert\@xs .feature-v4__grid>*:last-child {
		order: -1
	}

	.feature-v4--invert\@xs .feature-v4__text-offset\@xs {
		margin-left: calc(var(--feature-text-offset) * -1)
	}
}

@media (min-width: 48rem) {
	.feature-v4__text-offset\@sm {
		width: calc(100% + var(--feature-text-offset))
	}

	.feature-v4--invert\@sm .feature-v4__grid>*:last-child {
		order: -1
	}

	.feature-v4--invert\@sm .feature-v4__text-offset\@sm {
		margin-left: calc(var(--feature-text-offset) * -1)
	}
}

@media (min-width: 64rem) {
	.feature-v4__text-offset\@md {
		width: calc(100% + var(--feature-text-offset))
	}

	.feature-v4--invert\@md .feature-v4__grid>*:last-child {
		order: -1
	}

	.feature-v4--invert\@md .feature-v4__text-offset\@md {
		margin-left: calc(var(--feature-text-offset) * -1)
	}
}

@media (min-width: 80rem) {
	.feature-v4__text-offset\@lg {
		width: calc(100% + var(--feature-text-offset))
	}

	.feature-v4--invert\@lg .feature-v4__grid>*:last-child {
		order: -1
	}

	.feature-v4--invert\@lg .feature-v4__text-offset\@lg {
		margin-left: calc(var(--feature-text-offset) * -1)
	}
}

@media (min-width: 90rem) {
	.feature-v4__text-offset\@xl {
		width: calc(100% + var(--feature-text-offset))
	}

	.feature-v4--invert\@xl .feature-v4__grid>*:last-child {
		order: -1
	}

	.feature-v4--invert\@xl .feature-v4__text-offset\@xl {
		margin-left: calc(var(--feature-text-offset) * -1)
	}
}