/* start templates */
.faq .catalog__button:active {
	color: var(--white-text);
	background-color: var(--accent);
}

/* .faq__container {margin-top: 60px;} */
.faq__group {
	display: flex;
	flex-direction: column;
	gap: 50px;
	padding-bottom: 50px;}
.faq__header {font: 700 28px 'Inter';}

.faq__items {
	width: 100%;
	display: flex;
	flex-direction: column;
	gap: 157px;
}

.faq__item {
	background: linear-gradient(264.67deg, #42DAB6 -5.36%, #39D0AC 118.96%);
	border-radius: 20px;
	width: 100%;
	padding: 34px 30px 45px 50px;;
	color: var(--white-text);
	font: 18px 'Inter';
	/* z-index: 1; */
	opacity: 0;
	margin-top: 20px;
  transition: 0.25s var(--animation);
	position: relative;}
.faq__item:nth-child(2n) {background: linear-gradient(265.56deg, #26CAA3 -8.33%, #1FAC8A 109.15%);}
.faq__item:nth-child(3n) {background: linear-gradient(264.67deg, #42DAB6 -5.36%, #39D0AC 118.96%);}
.faq__item:nth-child(4n) {background: #42DAC8;}

.faq__item.show {
	margin-top: 0px;
	opacity: 1;
}

.faq__item.no-photo {
	background: linear-gradient(242.92deg, #12ca93cc 20.29%, #26A897 84.93%);
	box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.25), inset 0px 4px 15px rgba(0, 0, 0, 0.25);
	border-radius: 20px;
}

.faq__item::after {
	content: "";
	background-image: url('../img/special_article/faq/deco-1-desktop.svg');
	width: 356px;
	height: 286px;
	position: absolute;
	bottom: -200px;
	left: 35px;
	z-index: -1;}
.faq__item:nth-child(2n)::after {
	background-image: url('../img/special_article/faq/deco-2-desktop.svg');
	width: 356px;
	height: 287px;
	/* top: 80%; */
	left: initial;
	right: 50px;}
.faq__item:nth-child(3n)::after {
	background-image: url('../img/special_article/faq/deco-3-desktop.svg');
	width: 356px;
	height: 287px;
	/* top: 80%; */
	left: 80px;}
.faq__item:nth-child(4n)::after {
	background-image: url('../img/special_article/faq/deco-4-desktop.svg');
	width: 280px;
	height: 239px;
	right: 60px;}
.faq__item:last-child::after {display: none;}

.faq__item.no-photo::after {display: none;}

.faq__item--wrapper {position: relative; display: flex;}
.faq__item:nth-child(2n) .faq__item--wrapper {flex-direction: row-reverse;}

.faq__item--text-wrapper {
	max-width: 482px;
	width: calc(100% - 480px);
	display: flex;
	flex-direction: column;
	gap: 20px;}
.faq__item--text-text a {font-size: 18px !important;}
.faq__item--text-name {
	display: flex;
	width: 100%;
	justify-content: space-between;
	align-items: center;
} 
.faq__item.no-photo .faq__item--text-wrapper {max-width: 100% !important; width: 100% !important;}
.faq__item--text-name span svg path,
.faq__item--text-name span svg {transition: .3s var(--animation);}
.faq__item--text-name:hover span svg {transform: translateX(5px);}
.faq__item--text-name:hover span svg path {fill: #e6e6e6;}
.faq__item a {
	font: 700 24px 'Montserrat';
	color: #fff !important;
	transition: .3s var(--animation);
	text-decoration: underline;}
.faq__item a:hover {color: #e6e6e6 !important; text-decoration: underline;}
.faq__item--image {
	position: absolute;
	width: 423px;
	top: 55px;
	right: 15px;
	height: 262px;
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: center;
	/* image */
	box-shadow: 36px 53px 26px rgba(0, 0, 0, 0.01), 0px 30px 22px rgba(0, 0, 0, 0.05), 9px 13px 16px rgba(0, 0, 0, 0.09);
	border-radius: 10px;
} .faq__item:nth-child(2n) .faq__item--image {right: none; left: -5px; top: 50px;}
.faq__item--image img {
	min-width: 100%;
	min-height: 100%;
	object-fit: cover;
}

.faq__image {border-radius: 30px; box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.25); width: 100%; overflow: hidden; margin-top: -50px; max-width: 1600px; margin: 0 auto;}
.faq__image img {max-width: 100%;}

@media (min-width: 1600px) {
	.faq__item--wrapper {
		max-width: 1000px;
		margin: 0 auto;
	}
}


/* tablet */
@media (max-width: 955px) {
	.faq__container {margin-top: 46px;}
	.faq__header {font-size: 21.87px;}
	.faq__group {gap: 39px}
	.faq__items {gap: 122px;}
	.faq__item {
		border-radius: 15.6px;
		padding: 27px 23px 35px 39px;;
		font: 14px 'Inter';}
	.faq__item::after {
		transform: scale(0.9);
		background-position: center;
		background-image: url('../img/special_article/faq/deco-1-tablet.svg');
		background-size: cover;
		background-repeat: no-repeat;
		bottom: -200px;
		left: 20px;}
	.faq__item:nth-child(2n)::after {right: 10px; background-image: url('../img/special_article/faq/deco-2-tablet.svg');}
	.faq__item:nth-child(3n)::after {left: 0px; background-image: url('../img/special_article/faq/deco-3-tablet.svg');}
	.faq__item:nth-child(4n)::after {left: initial; right: 20px; bottom: -175px; background-image: url('../img/special_article/faq/deco-4-tablet.svg'); transform: scale(1.15);}

	.faq__item--text-wrapper {
		max-width: 378px;
		width: calc(100% - 350px);
		gap: 15.6px;
	}
	.faq__item a {font-size: 18.7px;}

	.faq__item--image {
		width: 330px;
		height: 205px;
		border-radius: 7.8px;
		top: 35px;
		right: 0;
	} .faq__item--image img {
		min-width: 330px;
		min-height: 205px;
	}

	.faq__item:nth-child(2n) .faq__item--image {
		right: none;
		left: -10px;
		top: 45px;
	}
}

/* mobile */
@media (max-width: 655px) {
	.faq {padding-bottom: 100px;}
	.faq__container {margin-top: 24px;}
	.faq__group {gap: 24px;}
	.faq__item {padding: 26px 14px;}
	.faq__item--text-wrapper {width: 100%; margin-bottom: 110px;}
	.faq__item.no-photo .faq__item--text-wrapper {margin-bottom: 0;}
	.faq__item--image, .faq__item:nth-child(2n) .faq__item--image {top: calc(100% - 85px); left: calc(50% - 165px);}
	.faq__item::after {display: none;}
	.faq__image {
		padding: 20px 18px; 
		background-image: url('../img/special_article/faq/faq-photo-deco.svg'); 
		background-size: contain; 
		background-repeat: no-repeat; 
		box-shadow: none; 
		width: 100%; 
		height: 100%;
		border-radius: 0;} 
	.faq__image img {object-fit: contain; width: 100%; height: 100%; border-radius: 8px;}
}


/* fixes */

@media (min-width: 1100px) and (max-width: 1360px) {
	.faq__items {gap: 80px;}
	.faq__item--image img {min-width: 310px; min-height: 100%;}
	.faq__item--image {width: 310px; right: -5px;}
	.faq__item:nth-child(2n) .faq__item--image {left: -20px;}
	.faq__item:nth-child(2n) .faq__item--text-wrapper {width: calc(100% - 320px);}
}
@media (min-width: 954px) and (max-width: 1101px) {
	.faq__item--wrapper {flex-direction: column !important; gap: 30px; align-items: center;}
	.faq__item--image {position: sticky;}
	.faq__item--text-wrapper {max-width: 100%; width: 100%;}
}
@media (min-width: 654px) and (max-width: 740px) {
	.faq__item--image {width: 280px;}
	.faq__item--image img {object-fit: contain;}
	.faq__item--text-wrapper {width: calc(100% - 300px);}
}
@media (max-width: 360px) {
	.faq__item--image, .faq__item:nth-child(2n) .faq__item--image {max-width: 100%; width: 100%; left: calc(50% - 50%);}
}