/home/bdqbpbxa/demo-subdomains/paytx.goodface.com.ua/css/ui-kit/accordions.css
/* faq-accordions styles */

.--accordion__content-container {
	height: 0;
	transition: height 0.7s, transform 0.7s;
	overflow: hidden;
}

.faq-accordion {
	border-radius: 24px
		/* 1.667vw*/
	;
	border: 1px solid var(--Grey, #DAE1E7);
	background: var(--White, #FFF);
}

.faq-accordion__open .plus {
	width: 32px
		/*2.222vw*/
	;
	min-width: 32px
		/*2.222vw*/
	;
	aspect-ratio: 1/1;
	border-radius: 8px
		/* 0.556vw*/
	;
	pointer-events: none;
	display: flex;
	justify-content: center;
	align-items: center;
}

.faq-accordion__open .plus:before {
	content: '';
	display: block;
	width: 16px
		/*1.111vw*/
	;
	aspect-ratio: 1/1;
	background: no-repeat center / contain url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzc1NV84OTcyOCkiPgo8cGF0aCBkPSJNMi41IDhIMTMuNSIgc3Ryb2tlPSIjMEUwRjExIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNOCAyLjVWMTMuNSIgc3Ryb2tlPSIjMEUwRjExIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L2c+CjxkZWZzPgo8Y2xpcFBhdGggaWQ9ImNsaXAwXzc1NV84OTcyOCI+CjxyZWN0IHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0id2hpdGUiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K);
	transition: opacity 0.4s, transform 0.4s;
}

.faq-accordion__open .plus .fade-container {
	opacity: 0;
	border-radius: 8px;
}

.faq-accordion__open .plus .fade-container .fade-border,
.faq-accordion__open .plus .fade-container .fade-border::after,
.faq-accordion__open .plus .fade-container .fade-border::before {
	border-radius: 8px;
}

.faq-accordion__open .plus .fade-container .fade-gradient:after,
.faq-accordion__open .plus .fade-container .fade-gradient:before {
	border-radius: 7px;
}

.faq-accordion__open {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	gap: 32px
		/*2.222vw*/
	;
	padding: 32px
		/*2.222vw*/
	;
	cursor: pointer;
	transition: padding 0.4s;
}

.faq-accordion__open .text {
	transition: opacity 0.4s;
	margin: auto 0;
}

.faq-accordion.-open .plus:before {
	opacity: 0.5;
	transform: rotate(45deg);
}

.faq-accordion.-open .plus .fade-container {
	opacity: 1;
}

.faq-accordion.-open .plus .fade-container .fade-border:after {
	background: var(--Grey);
	opacity: 1;
}

.faq-accordion.-open .plus .fade-container .fade-gradient:after {
	background: var(--White);
	opacity: 1;
}

.faq-accordion.-open .faq-accordion__content-container {
	/* padding-bottom: 24px; */
	transform: translateY(-8px
			/*-0.556vw*/
		);
}

.faq-accordion__content {
	color: var(--Black-70);
	padding: 0 84px
		/*5.833vw*/
		24px
		/*1.667vw*/
		32px
		/*2.222vw*/
	;
}

.faq-accordion__content ol {
	padding-left: 20px;
}

.faq-accordion__content ol li {
	list-style: auto;

}



@media screen and (max-width: 1024px) {

	/* faq-accordions styles */


	.faq-accordion {
		border-radius: 16px
			/* clamp(12px, 4.103vw, 20px)*/
		;
	}

	.faq-accordion__open .plus {
		width: 32px
			/*clamp(28px, 8.205vw, 36px)*/
		;
		min-width: 32px
			/*clamp(28px, 8.205vw, 36px)*/
		;
		border-radius: 9.6px
			/* clamp(6px, 2.462vw, 13px)*/
		;
	}

	.faq-accordion__open .plus .fade-container .fade-border,
	.faq-accordion__open .plus .fade-container .fade-border::after,
	.faq-accordion__open .plus .fade-container .fade-border::before {
		border-radius: 10px;
	}

	.faq-accordion__open .plus .fade-container .fade-gradient:after,
	.faq-accordion__open .plus .fade-container .fade-gradient:before {
		border-radius: 9px;
	}


	.faq-accordion__open .plus:before {
		width: 16px
			/*clamp(12px, 4.103vw, 20px)*/
		;
	}

	.faq-accordion__open {
		gap: 16px
			/*clamp(12px, 4.103vw, 20px)*/
		;
		padding: 20px
			/*clamp(16px, 5.128vw, 24px)*/
		;
	}

	.faq-accordion.-open .faq-accordion__content-container {
		transform: translateY(-4px);
	}

	.faq-accordion__content {
		padding: 0 34px
			/*clamp(30px, 8.718vw, 38px)*/
			20px
			/*clamp(16px, 5.128vw, 24px)*/
			20px
			/*clamp(16px, 5.128vw, 24px)*/
		;
	}

	.faq-accordion.-pricing .faq-accordion__content-container {
		transform: none;
	}

	.faq-accordion.-pricing {
		transition: background 0.7s;
	}

	.faq-accordion.-pricing.-grey.-open {
		background: var(--Light-grey, #EEF2F6);
	}

	.faq-accordion.-pricing.-purple.-open {
		background: var(--purple-10, rgba(113, 78, 255, 0.10));
	}

	.faq-accordion.-pricing.-green.-open {
		background: var(--green-10, rgba(20, 183, 128, 0.10));
	}

	.faq-accordion__content ol {
		padding-left: 16px;
	}

}
Path: home/bdqbpbxa/demo-subdomains/paytx.goodface.com.ua/css/ui-kit