.work {
	background: $gradient;
	color: #6b6c6d;
	padding-top: 70px;
	padding-bottom: 10px;
	position: relative;
	overflow: hidden;
	@media (min-width: $tablet) {
		padding-bottom: 25px;
	}
	@media (min-width: $desktop) {
		padding-top: 80px;
		padding-bottom: 25px;
	}
	&__pic {
		position: absolute;
		height: calc(100% - 40px);
		z-index: 1;
		display: none;
		bottom: 0;
		left: 50%;
		margin-left: 40px;
		@media (min-width: $laptop) {
			display: block;
		}
		@media (min-width: $desktop) {
			margin-left: 80px;
		}
	}
	&__body {
		position: relative;
		z-index: 2;
		display: flex;
		flex-direction: column;
		align-items: center;
		@media (min-width: $tablet) {
			align-items: flex-start;
		}
		@media (min-width: $laptop) {
			max-width: 600px;
		}
	}
	&__title {
		width: 100%;
		font-size: 40px;
		font-weight: 700;
		line-height: 1;
		@media (min-width: $tablet) {
			font-size: 64px;
			line-height: 94px;
		}
	}
	&__text {
		width: 100%;
		font-size: 12px;
		margin-top: 10px;
		@media (min-width: $tablet) {
			font-size: 18px;
			margin-top: 20px;
			line-height: 1.4;
		}
	}
	&__list {
		width: 100%;
		display: flex;
		flex-direction: column;
		gap: 5px;
		font-size: 14px;
		font-weight: 700;
		margin-top: 15px;
		@media (min-width: $tablet) {
			font-size: 18px;
			gap: 8px;
			margin-top: 30px;
		}
		div {
			position: relative;
			padding-left: 10px;
			@media (min-width: $tablet) {
				padding-left: 16px;
			}
			&:before {
				content: "";
				width: 4px;
				height: 4px;
				background: #6b6c6d;
				border-radius: 999px;
				position: absolute;
				top: 5px;
				left: 0;
				@media (min-width: $tablet) {
					top: 8px;
				}
			}
		}
	}
	&__form {
		margin-top: 20px;
		@media (min-width: $tablet) {
			margin-top: 30px;
		}
	}
	&__search {
		width: 100%;
		max-width: 180px;
		margin-top: 20px;
		@media (min-width: $tablet) {
			max-width: 270px;
			margin-top: 50px;
		}
	}
	&__get {
		width: 100%;
		display: flex;
		align-items: flex-start;
		flex-wrap: wrap;
		margin-top: 48px;
		b {
			width: 100%;
			margin-bottom: 10px;
			font-size: 14px;
			@media (min-width: $tablet) {
				font-size: 18px;
			}
		}
		a {
			display: flex;
			align-items: center;
			justify-content: center;
			margin-right: 20px;
			img {
				transition: $transition;
				width: 111px;
				@media (min-width: $tablet) {
					width: 131px;
				}
			}
			&:hover {
				img {
					transform: scale(1.1);
				}
			}
		}
		a + a {
			margin-right: 0;
		}
	}
}