html {
	font-size: 16px;
}

.text-primary {
	color: var(--text-color) !important;
}
.text-primary-dark {
	color: var(--primary-color) !important;
}
.bg-primary {
	background-color: var(--primary-color) !important;
}
.bg-primary\/20 {
	background-color: var(--primary-color);
}
.bg-contrast {
	background-color: var(--contrast-color);
}
.bg-secondary {
	background-color: var(--secondary-color) !important;
}
.fill-primary {
	fill: var(--primary-color);
}
.fill-primary\/40 {
	fill: var(--primary-color-light);
}
.border-primary {
	border-color: var(--primary-color) !important;
}
.border-secondary {
	border-color: var(--secondary-color) !important;
}

.main-title-wrapper-bg {
    background: linear-gradient(var(--primary-color) 40%, #fff 40%);
}

.solution__list li {
	color: var(--primary-color) !important;
}

.tabs-container {
    background-color: #e2f1ff;
}
.tab-content-item {
	background-color: #f1f8ff;
}
.tab-content-item-mobile {
    background: #f1f8ff;
}
.tab.active {
	background-color: var(--secondary-color) !important;
}
.tab:after {
	color: #ffffff33;
}

.faq__item {
	box-shadow: 1px 7px 10px rgba(0, 0, 0, .1);
}
.faq__answer .text-primary-dark {
	color: var(--text-color) !important;
}

.product-info {
	background: linear-gradient(180deg, var(--primary-color) 0, #fff 100%);
}
.offer-card .product-button {
	display: block;
    background: linear-gradient(to top, #a78a19, #debd15);
    width: 100%;
    max-width: 250px;
    border-radius: 12px;
    padding: 2px !important;
    margin: 0 auto;
    border: none;
}
.offer-card .product-button div {
	font-size: 1.25rem;
	text-transform: uppercase;
	letter-spacing: -.5px;
	padding: .5rem;
	font-weight: 900;
    line-height: 1;
    border-radius: 10px;
	background: linear-gradient(to bottom, #fccd15 50%, #ffd814 51%);
}
.offer-card.main-promo .product-button {
	background: linear-gradient(to bottom, #ca0000, red);
}
.offer-card.main-promo .product-button div {
	background: linear-gradient(to top, #e40000 50%, red 50%);
	color: white;
	text-shadow: 0px 2px #8a0000;
}
.offer-card__body {
	background: linear-gradient(#fff 40%, var(--light-color));
}
.featured .offer-card__body {
	background: linear-gradient(#fff 40%, #a1d2ff);
}
.offer-card__title {
	border-radius: .5rem .5rem 0 0;
}
.featured .offer-card__title {
	background: var(--secondary-color) !important;
}
.offer-card.featured > .offer-card__title:before {
	background: url('../img/bs_badge-small.webp') 50% / cover no-repeat;
}

.featured .product_card_body {
	background: linear-gradient(180deg, #c9aef1, #fff);
}
.featured .bg-primary {
	background-color: var(--primary-color) !important;
}
.featured .border-primary {
	border-color: var(--primary-color) !important;
}

.product__button {
	background: linear-gradient(1turn,#ffb301,#ffde00);
	color: black;
}
.pr__icon {
	border: 1px solid #fce35d;
	background-color: #ffe400;
	background: linear-gradient(180deg, #ffb301, #ffde00);
}
.featured .product__button {
	background: linear-gradient(1turn,#880000,red);
	color: white;
	text-shadow: 2px 2px #720000;
	border-bottom: 5px solid #660000;
}
.featured .pr__icon {
	border: 1px solid red;
	background-color: red;
	background: linear-gradient(180deg, #880000, red);
}

/*Alts*/
.product__button.grey {
	background: linear-gradient(1turn, #bebebe, #ebebeb);
	color: black;
}
.pr__icon.grey {
	border: 1px solid white;
	background-color: #bebebe;
	background: linear-gradient(180deg, #bebebe, #ebebeb);
}
.product__button.green {
	background: linear-gradient(1turn,#108500,#00b400);
	color: white;
	text-shadow: 2px 2px #0c6b00;
}
.pr__icon.green {
	border: 1px solid #00e200;
	background-color: #00b400;
	background: linear-gradient(180deg, #108500, #00b400);
}
/*Alts*/

@media (min-width: 768px) {
	.md\:text-primary {
		color: white;
	}
	.main-title-wrapper-bg {
		background: var(--light-color);
	}
	.tab:not(.active):hover .icon {
		fill: white;
	}
}