.banner {
	background-image: url(../assets/banner.png);
}

.teacher-section {
	.gallery-wall {
		width: 100%;
		max-width: 1920px;
		margin: auto;
		overflow: hidden;
		display: flex;
		gap: 12px;

		img {
			width: 302px;
			height: 168px;
			opacity: 0.2;

			&:hover {
				opacity: 1;
				transition: opacity .5s ease-in-out;
			}
		}
	}
}

.hardware-section {
	background: var(--color-bg-grey);
	margin-top: 60px;
	padding-top: 75px;
	padding-bottom: 75px;

	.photo-list {
		margin: auto;
		width: 1280px;
		margin-top: 30px;
		display: flex;

		.watch {
			width: 234px;
			height: 376px;
		}

		.led {
			width: 879px;
			height: 407px;
			margin-top: 73px;
			margin-left: 30px;
		}

		.aircraft {
			width: 503px;
			height: 241px;
			margin-top: -70px;
			margin-left: -300px;
		}
	}
}

.home-section {
	padding-top: 63px;

	h3 {
		margin: auto;
		max-width: 572px;
	}

	.app {
		max-width: 1280px;
		margin: auto;
		display: flex;

		img {
			width: 871px;
			height: 847px;
		}

		.introduction {
			max-width: 388px;
			min-width: 388px;
			align-self: center;
			margin-left: 74px;
			font-weight: 400;
			font-size: 16px;
			line-height: 22px;
		}
	}

	.homework {
		height: 560px;
		max-width: 1280px;
		min-width: 1280px;
		margin: auto;
		padding-top: 130px;

		.practise-task {
			width: 629px;
			height: 267px;
		}

		.practise-video {
			float: right;
			margin-top: -400px;
			width: 826px;
			height: 677px;
		}
	}
}