.expample-img {
	max-width: 75%;
	border-radius: 10px
}

.expample-img.right {
	align-self: start
}

.expample-img.left {
	align-self: end
}

.second-section__examples {
	display: flex;
	flex-direction: column;
	gap: 40px
}

.second-section {
	background-color: #f1f1f1
}

.test-example__examples-wrapper {
	max-width: 1440px;
	width: 100%;
	margin: 0 auto;
	padding: 30px;
	display: flex;
	flex-direction: column;
	gap: 40px;
	align-items: center
}

.test-example__wrapper {
	width: 80%;
	padding: 30px;
	border-radius: 10px;
	background-color: #e1e0e0;
	cursor: pointer
}

.test-example__title {
	font-size: 18px;
	font-weight: 700;
	max-width: 80%;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap
}

.test-example__head {
	display: flex;
	gap: 30px;
	justify-content: space-between;
	align-items: center
}

.test-example__head img {
	transition: .3s;
	transform: rotate(180deg)
}

.test-example__wrapper.active .test-example__head img {
	transform: rotate(0)
}

.test-example__img-list {
	flex-direction: column;
	gap: 30px;
	margin-top: 40px !important;
	display: none
}

.test-example__wrapper.active .test-example__img-list {
	display: flex
}

.test-example__img-item img {
	width: 100%;
	height: 750px;
	border-radius: 10px
}

@media screen and (max-width:768px) {
	.section {
		padding: 50px 0 !important
	}

	.test-example__examples-wrapper {
		padding: 20px
	}

	.test-example__img-item img {
		height: 100%;
		max-height: 500px
	}

	.test-example__wrapper {
		padding: 20px
	}
}