/* SQUADUS PRO */
:root {
	--squaudus-pro-gradient-1: linear-gradient(133deg, #d45cf2 3.12%, #f84628 41.09%, #ff9c2f 84.61%, #fff8ea 117.75%);
	--squaudus-pro-gradient-2: linear-gradient(245deg, #d45cf2 3.12%, #f84628 41.09%, #ff9c2f 84.61%, #fff8ea 117.75%);
	--squaudus-pro-gradient-3: linear-gradient(327deg, #d45cf2 3.12%, #f84628 41.09%, #ff9c2f 84.61%, #fff8ea 117.75%);
}
.bg-pro .pro-one-left {
	align-items: flex-end;
	background: linear-gradient(160deg, #fbe9cf 4.32%, #ffc7ae 90.52%);
}
.bg-pro .main-title span,
.bg-pro .pro-one-left__title span {
	background: linear-gradient(245deg, #d45cf2 27.71%, #f84628 73.51%, #ff9c2f 126.02%, #fff8ea 166.01%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.bg-pro .fon-btn,
.bg-pro ul.slick-dots li.slick-active button {
	background: var(--squaudus-pro-gradient-1);
}
.bg-pro .accordiont .icon::before,
.bg-pro .pro-one-right__card,
.bg-pro .pro-seventeen-btn a {
	background: var(--squaudus-pro-gradient-3);
}
.bg-pro .pro-one-left__img {
	max-width: 506px;
	margin-left: -10vw;
}
.bg-pro .squadus .pro-one-left__img {
	max-width: 325px;
	margin-left: -5vw;
}
.bg-pro .pro-one-right {
	max-width: 310px;
	width: 27%;
}
.bg-pro .squadus .pro-one-right__bottom {
	flex-grow: unset;
}
.bg-pro .pro-one-right__img {
	max-width: 150px;
	border-radius: 20px;
}
.bg-pro .pro-one-right__bottom {
	background: linear-gradient(355deg, #ffe5c6 9.99%, #ffecda 95.96%);
	flex-grow: 1;
	padding: 24px 12px 24px 20px;
}
.bg-pro .pro-one-right__bottom-title {
	font-size: 14px;
}
.bg-pro .pro-two-title span,
.bg-pro .pro-seventeen-btn a > span > span,
.bg-pro .pro-fact-num span {
	background: var(--squaudus-pro-gradient-3);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.bg-pro .squadus .pro-two-title span {
	background: linear-gradient(258deg, #f84628 30.47%, #ff9c2f 98.9%, #fff8ea 139.21%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.bg-pro .pro-three-bg {
	background: linear-gradient(160deg, #fbe9cf 4.32%, #ffc7ae 90.52%);
}
.bg-pro .pro-three-card.active {
	background: var(--squaudus-pro-gradient-3);
	transition: all 0.3s linear;
}
.bg-pro .psc5,
.bg-pro .psc7,
.bg-pro .psc1 {
	background: var(--squaudus-pro-gradient-1);
	padding: 2px;
}
.bg-pro .psc6 span,
.bg-pro .psc8 span,
.bg-pro .psc4,
.bg-pro .psc11 {
	border: 2px solid #1e1e1e;
}
.bg-pro .psc11,
.bg-pro .psc1,
.bg-pro .psc4 {
	height: 92px;
	width: 92px;
}
.bg-pro .psc10,
.bg-pro .psc2 {
	background: var(--squaudus-pro-gradient-3);
	color: #fff;
}
.bg-pro .psc9,
.bg-pro .psc3 {
	background: linear-gradient(160deg, #fbe9cf 4.32%, #ffc7ae 90.52%);
}
.bg-pro .psc1:hover,
.bg-pro .psc3:hover,
.bg-pro .psc4:hover,
.bg-pro .psc5:hover,
.bg-pro .psc6:hover,
.bg-pro .psc7:hover,
.bg-pro .psc8:hover,
.bg-pro .psc9:hover,
.bg-pro .psc11:hover {
	background: var(--squaudus-pro-gradient-3);
	transition: all 0.3s linear;
	color: white;
	/* border-width: 0; */
}
.bg-pro .psc8:hover span,
.bg-pro .psc6:hover span {
	border-color: transparent;
	transition: all 0.3s linear;
}

.bg-pro .pro-seven-card:hover {
	background: var(--squaudus-pro-gradient-3);
	transition: all 0.3s linear;
}
.bg-pro .pro-ten-slid__link a span {
	color: #146ce1;
}
.bg-pro .pro-eleven-box,
.bg-pro .pro-sixteen-box,
.bg-pro .accord-item.active {
	background: linear-gradient(255deg, #d45cf2 8.98%, #f84628 47.62%, #ff9c2f 91.92%, #fff8ea 125.66%),
	linear-gradient(296deg, #383838 37.76%, #9e9e9e 134.35%);
}
.bg-pro .squadus .pro-sixteen-box {
	background: linear-gradient(258deg, #f84628 30.47%, #ff9c2f 98.9%, #fff8ea 139.21%);
}
.bg-pro .pro-thirteen-link a span {
	color: #146ce1;
}
.bg-pro .pro-fourteen-box {
	background: linear-gradient(255deg, #d45cf2 8.98%, #f84628 47.62%, #ff9c2f 91.92%, #fff8ea 125.66%);
}
.bg-pro .pro-fact-num span {
	white-space: nowrap;
}
@media (max-width: 1170px) {
	/*.bg-pro .pro-one-right__card {
		aspect-ratio: 2.6/1;
	}*/
	.bg-pro .pro-one-right__link {
		width: 100%;
	}
	.bg-pro .pro-one-right__img {
		position: absolute;
		top: 0;
		right: 0;
		height: 100%;
		padding: 0;
		margin: 0;
	}
	.bg-pro .pro-one-right {
		max-width: unset;
		width: 100%;
	}
	.bg-pro .main-title {
		margin-bottom: 12px;
	}
	.bg-pro .psc11,
	.bg-pro .psc1,
	.bg-pro .psc4 {
		height: 60px;
		width: 60px;
	}
}
@media (max-width: 767px) {
	/*.bg-pro .pro-one-right__card {
		aspect-ratio: 3.2/1;
	}
	.bg-pro .pro-one-right__bottom {
		aspect-ratio: 2.8/1;
	}*/
	.bg-pro .pro-one-right__img {
		display: none;
	}
	.bg-pro .pro-three-left .pro-three-card {
		grid-column: span 2 / span 2;
	}
	.bg-pro .pro-one-right__bottom-title {
		margin-right: 20px;
	}
	.bg-pro .pro-one-right__bottom {
		padding: 16px 12px 16px 16px;
	}
}


/* MAILION */
.bg-mailion .accordion__conten.open .icon svg {
	display: none;
}
.bg-mailion .pro-one-left {
	align-items: center;
	background: linear-gradient(
		71deg,
		rgba(230, 96, 90, 0.5) -18.37%,
		rgba(253, 239, 247, 0.5) 27.06%,
		rgba(135, 190, 225, 0.5) 68.72%,
		rgba(32, 157, 236, 0.5) 122.48%
	);
}
.bg-mailion .pro-one-left__title span {
	color: #ea1713;
}
.bg-mailion .fon-btn {
	background: linear-gradient(134deg, #fe7b69 -3.18%, #e60000 91.77%);
}
.bg-mailion .pro-one-left__img {
	align-items: center;
	justify-content: flex-end;
	max-width: 351px;
}
.bg-mailion .pro-one-right {
	width: 25%;
	max-width: 285px;
}
.bg-mailion .pro-one-right__card {
	background: linear-gradient(59deg, #e6605a -15.8%, #4999ef 87.43%, #209dec 170.54%, #9dd9ff 225%);
}
.bg-mailion .pro-one-right__img {
	margin-bottom: 24px;
	padding: 15px;
	width: 66px;
	height: 66px;
	border-radius: 12px;
	background: #3d4d78;
}
.bg-mailion .pro-one-right__bottom {
	background: linear-gradient(34deg, #e6605a -55.16%, #fdeff7 39.47%, #87bee1 126.24%, #209dec 238.23%);
}
.bg-mailion .pro-one-right__bottom-title {
	font-weight: 700;
	max-width: 172px;
}
.bg-mailion .main-title span,
.bg-mailion .pro-two-title span {
	color: #ea1713;
}
.bg-mailion .pro-three-bg {
	background: linear-gradient(
		71deg,
		rgba(230, 96, 90, 0.5) -18.37%,
		rgba(253, 239, 247, 0.5) 27.06%,
		rgba(135, 190, 225, 0.5) 68.72%,
		rgba(32, 157, 236, 0.5) 122.48%
	);
}
.bg-mailion .pro-three-card.active {
	background: linear-gradient(59deg, #e6605a -15.8%, #4999ef 87.43%, #209dec 170.54%, #9dd9ff 225%);
	transition: all 0.3s linear;
}
.bg-mailion .accord-img-icon::before {
	background: url("../../images/new/accord-img-icon.svg");
	background-repeat: no-repeat;
	background-size: contain;
	width: 120px;
	height: 120px;
	top: -60px;
	right: -36px;
}
.bg-mailion .psc13,
.bg-mailion .psc5,
.bg-mailion .psc7,
.bg-mailion .psc1 {
	background: #ea1713;
	padding: 2px;
}
.bg-mailion .psc6 {
	border: 2px solid #000;
}
.bg-mailion .psc8 {
	border: 2px solid #000;
	max-width: 215px;
}
.bg-mailion .psc14 {
	max-width: 228px;
	border: 2px solid #ea1713;
	
}
.bg-mailion .psc4 span,
.bg-mailion .psc11 span {
	border: 2px solid #000;
}
.bg-mailion .psc6:hover,
.bg-mailion .psc8:hover,
.bg-mailion .psc4:hover,
.bg-mailion .psc11:hover {
	border-color: transparent;
}
.bg-mailion .psc11,
.bg-mailion .psc1,
.bg-mailion .psc4 {
	height: 90px;
	width: 90px;
}
.bg-mailion .psc9,
.bg-mailion .psc3,
.bg-mailion .psc10,
.bg-mailion .psc12,
.bg-mailion .psc2 {
	background: linear-gradient(
		71deg,
		rgba(230, 96, 90, 0.5) -18.37%,
		rgba(253, 239, 247, 0.5) 27.06%,
		rgba(135, 190, 225, 0.5) 68.72%,
		rgba(32, 157, 236, 0.5) 122.48%
	);
}
.bg-mailion .psc12:hover,
.bg-mailion .psc1:hover,
.bg-mailion .psc3:hover,
.bg-mailion .psc4:hover,
.bg-mailion .psc5:hover,
.bg-mailion .psc13:hover,
.bg-mailion .psc14:hover,
.bg-mailion .psc6:hover,
.bg-mailion .psc7:hover,
.bg-mailion .psc8:hover,
.bg-mailion .psc9:hover,
.bg-mailion .psc11:hover {
	background: linear-gradient(
		71deg,
		rgba(230, 96, 90, 0.5) -18.37%,
		rgba(253, 239, 247, 0.5) 27.06%,
		rgba(135, 190, 225, 0.5) 68.72%,
		rgba(32, 157, 236, 0.5) 122.48%
	);
	opacity: 0.7;
	transition: all 0.3s linear;
}
.bg-mailion .psc4:hover span,
.bg-mailion .psc11:hover span {
	border-color: transparent;
	transition: all 0.3s linear;
}
.bg-mailion .psc5:hover span {
	color: #26213f;
}

.bg-mailion .pro-ten-slid__link a span {
	color: #146ce1;
}
.bg-mailion .pro-eleven-box {
	background: linear-gradient(59deg, #e6605a -15.8%, #4999ef 87.43%, #209dec 170.54%, #9dd9ff 225%);
}
.bg-mailion .pro-sixteen-box {
	background: linear-gradient(59deg, #e6605a -15.8%, #4999ef 87.43%, #209dec 170.54%, #9dd9ff 225%);
}
.bg-mailion .accordiont .icon::before {
	background: #ea1713;
}
.bg-mailion .accordion__conten.open .icon {
	border-color: #ea1713;
}
.bg-mailion .accord-item.active {
	padding: 3px;
	background: #ea1713;
}
.bg-mailion .pro-thirteen-link a span {
	color: #146ce1;
}
.bg-mailion .pro-fourteen-box {
	background: linear-gradient(59deg, #e6605a -15.8%, #4999ef 87.43%, #209dec 170.54%, #9dd9ff 225%);
}
@media (max-width: 1170px) {
	.bg-mailion .pro-one-right {
		width: 100%;
		max-width: unset;
		flex-direction: row;
		justify-content: space-between;
		position: relative;
		gap: 8px;
	}
	.bg-mailion .psc11,
	.bg-mailion .psc1,
	.bg-mailion .psc4 {
		height: 44px;
		width: 44px;
	}
	.bg-mailion .pro-one-right__img {
		min-width: 44px;
		height: 44px;
		padding: 10px;
	}
	.bg-mailion .pro-one-right__img svg {
		max-width: 24px;
		min-width: 24px;
		height: auto;
	}
	.bg-mailion .pro-one-right__text {
		max-width: unset;
	}
}
@media (max-width: 767px) {
	.bg-mailion .pro-one-right {
		flex-direction: column;
		text-align: left;
	}
		.bg-mailion .pro-one-right__bottom-top {
		flex-direction: row-reverse;
		justify-content: flex-end;
		gap: 16px;
	}
	.bg-mailion .pro-six-list {
		min-width: 693px;
	}
}


/* SQUADUS */
:root {
	--squaudus-gradient-1: linear-gradient(258deg, #f84628 30.47%, #ff9c2f 98.9%, #fff8ea 139.21%);
	--squaudus-gradient-2: linear-gradient(160deg, #fbe9cf 4.32%, #ffc7ae 90.52%);
}
.bg-squadus .main-title span,
.bg-squadus .pro-two-title span {
	background: var(--squaudus-gradient-1);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	
}
.bg-squadus .pro-one-left {
	align-items: flex-end;
	background: var(--squaudus-gradient-2);
}
.bg-squadus .pro-one-left__title span {
	color: #f02801;
	background: unset;
	background-clip: unset;
	-webkit-background-clip: unset;
	-webkit-text-fill-color: unset;
}
.bg-squadus .fon-btn {
	background: #f02801;
}
.bg-squadus .pro-one-left__content {
	padding-right: 40px;
}
.bg-squadus .pro-one-right__card {
	background: var(--squaudus-gradient-1);;
}
.bg-squadus .pro-one-right__card {
	flex-grow: 1;
}
.bg-squadus .pro-one-left__img {
	max-width: 506px;
	margin-left: -10vw;
}
.bg-squadus .pro-one-right {
	max-width: 310px;
	width: 27%;
}
.bg-squadus .pro-one-right__img {
	max-width: 150px;
	border-radius: 20px;
}
.bg-squadus .pro-one-right__bottom {
	background: linear-gradient(355deg, #ffe5c6 9.99%, #ffecda 95.96%);
	flex-grow: 1;
	padding: 24px 12px 24px 20px;
}
.bg-squadus .pro-one-right__bottom-title {
	font-size: 14px;
}
.bg-squadus .pro-three-bg {
	background: var(--squaudus-gradient-2);
}
.bg-squadus .pro-three-card.active {
	background: var(--squaudus-gradient-1);
	transition: all 0.3s linear;
}
.bg-squadus .pro-three-card.active img {
	filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(357deg) brightness(200%) contrast(200%);
}
.bg-squadus .pro-seven-card:hover {
	background: var(--squaudus-gradient-1);
	transition: all 0.3s linear;
}
.bg-squadus ul.slick-dots li.slick-active button {
	background: var(--squaudus-gradient-1);
}
.bg-squadus .accord-item.active {
	background: var(--squaudus-gradient-1);
}
.bg-squadus .pro-eleven-box {
	background: var(--squaudus-gradient-1);
}
.bg-squadus .pro-sixteen-box {
	background: var(--squaudus-gradient-1);
}
.bg-squadus .pro-fourteen-box {
	background: var(--squaudus-gradient-1);
}
.bg-squadus .pro-seventeen-btn a {
	background: var(--squaudus-gradient-1);
}
.bg-squadus .pro-seventeen-btn a > span > span {
	background: var(--squaudus-gradient-1);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.bg-squadus .pro-fact-num span {
	background: var(--squaudus-gradient-1);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	white-space: nowrap;
}
.bg-squadus .psc5,
.bg-squadus .psc7,
.bg-squadus .psc1 {
	background: var(--squaudus-gradient-1);
	padding: 2px;
}
.bg-squadus .psc6 span,
.bg-squadus .psc8 span,
.bg-squadus .psc4,
.bg-squadus .psc11 {
	border: 2px solid #1e1e1e;
}
.bg-squadus .psc11,
.bg-squadus .psc1,
.bg-squadus .psc4 {
	height: 92px;
	width: 92px;
}
.bg-squadus .psc10,
.bg-squadus .psc2 {
	background: var(--squaudus-gradient-1);
	color: #fff;
}
.bg-squadus .psc9,
.bg-squadus .psc3 {
	background: linear-gradient(160deg, #fbe9cf 4.32%, #ffc7ae 90.52%);
}
.bg-squadus .psc1:hover,
.bg-squadus .psc3:hover,
.bg-squadus .psc4:hover,
.bg-squadus .psc5:hover,
.bg-squadus .psc6:hover,
.bg-squadus .psc7:hover,
.bg-squadus .psc8:hover,
.bg-squadus .psc9:hover,
.bg-squadus .psc11:hover {
	background: var(--squaudus-gradient-1);
	transition: all 0.3s linear;
	color: white;
	/* border-width: 0; */
}
.bg-squadus .psc8:hover span,
.bg-squadus .psc6:hover span {
	border-color: transparent;
	transition: all 0.3s linear;
}
.bg-squadus .accordiont .icon::before {
	background: var(--squaudus-pro-gradient-1);
}
@media (max-width: 1170px) {
	.bg-squadus .pro-one-right__card {
		aspect-ratio: 2.6/1;
	}
	.bg-squadus .pro-one-right__link {
		width: 100%;
	}
	.bg-squadus .pro-one-right__img {
		position: absolute;
		top: 0;
		right: 0;
		height: 100%;
		padding: 0;
		margin: 0;
	}
	.bg-squadus .pro-one-right {
		max-width: unset;
		width: 100%;
	}
	.bg-squadus .main-title {
		margin-bottom: 12px;
	}
	.bg-squadus .psc11,
	.bg-squadus .psc1,
	.bg-squadus .psc4 {
		height: 44px;
		width: 44px;
	}
}
@media (max-width: 767px) {
	.bg-squadus .pro-one-right__card {
		aspect-ratio: 3.2/1;
	}
	.bg-squadus .pro-one-right__bottom {
		aspect-ratio: 2.8/1;
	}
	.bg-squadus .pro-one-right__img {
		display: none;
	}
	.bg-squadus .pro-three-left .pro-three-card {
		grid-column: span 2 / span 2;
	}
	.bg-squadus .pro-one-right__bottom-title {
		margin-right: 20px;
	}
	.bg-squadus .pro-one-right__bottom {
		padding: 16px 12px 16px 16px;
	}
}




/* PRODUCT-BASE ОБЩИЕ СТИЛИ */

.product-base .first-one-box,
.product-base .pro-three-bg {
	background: var(--product-gradient-2);
}
.product-base .pro-one-left__text {
	max-width: 620px;
}
.product-base .fon-btn {
	background: var(--product-color);
}
.product-base .no-fon-btn {
	color: var(--product-color);
	border: 1px solid var(--product-color);
}
.product-base .index-four-title span,
.product-base .pro-seventeen-btn a > span > span,
.product-base .pro-one-left__title span {
	color: var(--product-color);
}
.product-base .pro-three-card.active,
.product-base .pro-eleven-box,
.product-base .pro-fourteen-box,
.product-base .pro-sixteen-box {
	background: var(--product-gradient-1);
}
.product-base .main-title span,
.product-base .pro-two-title span {
	background: var(--product-gradient-1);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.product-base ul.slick-dots li.slick-active button,
.product-base .pro-seventeen-btn a {
	background: var(--product-color);
}
.product-base .accordiont .icon::before {
	background: #ea1713;
}
.product-base .accord-item.active {
	padding: 3px;
	background: var(--product-gradient-1);
}
.product-base .accord-item svg path {
	fill: var(--product-color);
}
.product-base .pro-seven-card:hover {
	background: var(--product-gradient-1);
	transition: all 0.3s linear;
}

.product-base .pro-seven-card__inner:hover {
	color:#ffffff;
	border-color: #FFF;
}

.product-base .pro-fact-num span {
	color: var(--product-color);
	white-space: nowrap;
}

.oval-border-color {
	border: 2px solid var(--product-color);
}
.oval-border-black {
	border: 2px solid black;
}
.oval-bg-color {
	border: 2px solid var(--product-gradient-1);
	background: var(--product-gradient-1);
	color: #FFF;
}
.oval-bg-lite {
	background: var(--product-gradient-2);
}
.oval-border-color:hover,
.oval-border-black:hover,
.oval-bg-color:hover,
.oval-bg-lite:hover {
	background: var(--product-gradient-1);
	transition: all 0.3s linear;
	color: white;
}


/* ЦВЕТА ПО ПРОДУКТАМ */
.prof-3 {
	--product-gradient-1: #08A1B6;
	--product-gradient-2: linear-gradient(71.34deg, rgba(53, 240, 252, 0.5) -18.37%, rgba(239, 253, 250, 0.5) 27.06%, rgba(53, 240, 252, 0.5) 68.72%, rgba(53, 240, 252, 0.5) 122.48%);
	--product-color: #08A1B6;
}
.prof {
	--product-gradient-1: #2E91D9;
	--product-gradient-2: linear-gradient(71.34deg, rgba(141, 208, 255, 0.5) -18.37%, rgba(239, 253, 250, 0.5) 27.06%, rgba(107, 191, 250, 0.5) 68.72%, rgba(141, 208, 255, 0.5) 122.48%);
	--product-color: #2E91D9;
}
.mail-product {
	--product-gradient-1: linear-gradient(297.22deg, #D8A558 -41.67%, #DDB77D 66.64%, #FFF8EA 149.12%);
	--product-gradient-2: linear-gradient(355.05deg, #FCDEB3 9.99%, #F8F2E6 95.96%);
	--product-color: #D8A558;
}
.cloud {
	--product-gradient-1: linear-gradient(302.51deg, #8762A1 24.53%, #E3BCFF 93.75%, #F5EFFA 146.46%);
	--product-gradient-2: linear-gradient(355.05deg, #EFDCFD 9.99%, #F6F2FA 95.96%);
	--product-color: #8762A1;
}
.pcloud {
	--product-gradient-1: linear-gradient(301.98deg, #5956A7 17.28%, #C1BEFF 89.59%, #E8E7FB 144.66%);
	--product-gradient-2: linear-gradient(355.05deg, #DEDCFD 9.99%, #EAE9FB 95.96%);
	--product-color: #7370BD;
}
.standard-product {
	--product-gradient-1: #2D80DF;
	--product-gradient-2: linear-gradient(355.05deg, #BEDCFE 9.99%, #E0EEFD 95.96%);
	--product-color: #2D80DF;
}
.edu-product {
	--product-gradient-1: #2CBB8B;
	--product-gradient-2: linear-gradient(91.11deg, #D2F0E6 48.62%, #89E2C4 105.57%);
	--product-color: #2CBB8B;
}
.sdk {
	--product-gradient-1: linear-gradient(301.98deg, #5956A7 17.28%, #C1BEFF 89.59%, #E8E7FB 144.66%);
	--product-gradient-2: linear-gradient(355.05deg, #DEDCFD 9.99%, #EAE9FB 95.96%);
	--product-color: #7370BD;
}
.scheme {
    --product-gradient-1: linear-gradient(299.77deg, #2D80DF 58.88%, #8EBEF5 99.92%, #B8D8FB 123.37%);
    --product-gradient-2: linear-gradient(355.05deg, #BEDCFE 9.99%, #E0EEFD 95.96%);
    --product-color: #2D80DF;
}
.standard-home {
    --product-gradient-1: linear-gradient(90deg, #13bcfe 0%, #a274db 100%);
	--product-gradient-2: linear-gradient(91.11deg, #59E1FF -14.32%, #B7E5FF 48.62%, #CFC1FE 105.57%);
    --product-color: linear-gradient(90deg, #13bcfe 0%, #a274db 100%);;
}