@charset "utf-8";

/* SECTION FAQ //////////////////////////////////////////////////////////////////////////////////////////////////////*/

/*~~*/

#faq .faq-body {

	display: flex;
	flex-direction: column;
	gap: 25px;

	/*~~*/

	.qest {
		display: flex;
		align-items: center;
	}

	.qest .icon::before {
		margin-right: 10px;
		display: inline-block;
		font-size: 3.6rem;
		color: #3A8DFF;
	}

	.answ {
		display: flex;
		align-items: center;
	}

	.answ .icon::before {
		margin-right: 10px;
		display: inline-block;
		font-size: 3.6rem;
		color: #00C48C;
	}

	.note {
		margin-top: 15px;
		padding: 10px;
		border: 1px solid #000;
		color: #000;
	}

	/*~~*/

	.more {
		display: flex;
		gap: 15px;
		margin: 25px 0 5px;

		li {
			display: block;
		}

		.icon {
			padding: 7px;
			border-radius: 50%;
			font-size: 2.2rem;
			line-height: 100%;
			color: #fff;
			background: #000;
		}

		.icon-home {
			background: rgb(70,70,70);
		}

		.icon-facebook2 {
			background: rgb(24,119,242);
		}

		.icon-x {
			background: rgb(0,0,0);
		}

		.icon-youtube {
			background: rgb(218,23,37);
		}

		.icon-play {
			background: rgb(65,100,215);
		}

		.icon-instagram {
			background: rgb(207,46,146);
		}

		.icon-tiktok {
			background: rgb(255,0,79);
		}

		.icon-pinterest {
			background: rgb(255,59,0);
		}

		.icon-linkedin {
			background: rgb(10,102,194);
		}

		.icon-vimeo2 {
			background: rgb(26,183,234);
		}

		.icon-mail4 {
			background: rgb(145,70,20);
		}

		.icon-file-pdf,
		.icon-file-html,
		.icon-file-css,
		.icon-file-js {
			background: rgb(35,35,35);
		}

	}

}
/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

@media screen and (max-width: 768px) {
/************************************************************************************************************************/
#faq .faq-body {

	.more {
		margin-top: 15px;
		align-items: center;

		.pict {
			width: 50%;
		}

		.text {
			display: none;
		}

		.name {
			margin-left: 10px;
		}

	}

}
/************************************************************************************************************************/
}

@media screen and (min-width: 769px) {
/************************************************************************************************************************/



/************************************************************************************************************************/
}

/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/