.main {
	position: relative;
	overflow: hidden;
	padding: 30px 0;
	@media (min-width: $tablet) {
		padding: 40px 0;
	}
	@media (min-width: $laptop) {
		padding: 50px 0;
	}
	@media (min-width: $desktop) {
		padding: 60px 0;
	}
	h2 {
		margin: 0;
		font-weight: 700;
		font-size: 30px;
		@media (min-width: $tablet) {
			font-size: 44px;
		}
	}
	h3 {
		margin: 0;
		font-weight: 700;
		font-size: 22px;
		@media (min-width: $tablet) {
			font-size: 28px;
		}
	}
	p {
		margin: 0;
		font-size: 14px;
		line-height: 1.4;
		@media (min-width: $tablet) {
			font-size: 18px;
		}
		a {
			color: $blue;
			&:hover {
				color: $green;
			}
		}
	}
	&__breadcrumbs {
		margin-bottom: 20px;
		@media (min-width: $tablet) {
			margin-bottom: 40px;
		}
	}
	&__content {
		display: flex;
		flex-direction: column;
		gap: 20px;
		font-size: 14px;
		@media (min-width: $laptop) {
			font-size: 18px;
			gap: 32px;
		}
		&-item {
			display: flex;
			flex-direction: column;
			gap: 16px;
		}
		h1,
		h2,
		h3,
		h4,
		h5,
		h6 {
			color: $black;
		}
		ul,
		ol {
			padding: 0;
			margin: 0;
			padding-left: 20px;
			display: flex;
			flex-direction: column;
			gap: 8px;
			@media (min-width: $laptop) {
				gap: 16px;
				padding-left: 30px;
			}
		}
		li {
			ul,
			ol {
				margin-top: 8px;
				@media (min-width: $laptop) {
					margin-top: 16px;
				}
				li {
					list-style-type: disc;
				}
			}
		}
	}
	&__gallery {
		display: flex;
		flex-direction: column;
		gap: 20px;
		@media (min-width: $tablet) {
			display: grid;
			grid-template-columns: repeat(2, 1fr);
		}
		@media (min-width: $laptop) {
			grid-template-columns: repeat(3, 1fr);
		}
		&-item {
			width: 100%;
			aspect-ratio: 400/224;
			border-radius: 30px;
			position: relative;
			overflow: hidden;
			&:hover {
				filter: brightness(1.1);
			}
			img {
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				object-fit: cover;
			}
		}
	}
	&__employers {
		display: flex;
		flex-direction: column;
		gap: 10px;
		@media (min-width: $tablet) {
			gap: 30px;
		}
		&-body {
			display: none;
			flex-direction: column;
			gap: 20px;
			@media (min-width: $laptop) {
				gap: 30px;
			}
			&.showed {
				display: flex;
			}
		}
		&-item {
			display: flex;
			flex-direction: column;
			border: 1px solid #cecece;
			border-radius: 8px;
			position: relative;
			overflow: hidden;
			padding: 10px;
			padding-top: 50px;
			padding-bottom: 30px;
			@media (min-width: $tablet) {
				flex-direction: row;
				align-items: center;
				justify-content: space-between;
				padding: 55px 20px;
			}
			@media (min-width: $desktop) {
				padding-left: 55px;
			}
			&-inner {
				display: flex;
				flex-direction: column;
				@media (min-width: $tablet) {
					width: calc(100% - 200px);
					padding-right: 40px;
				}
				@media (min-width: $laptop) {
					flex-direction: row;
					align-items: center;
				}
			}
			&-pic {
				height: 30px;
				position: absolute;
				top: 10px;
				left: 10px;
				@media (min-width: $tablet) {
					position: static;
					width: 150px;
					height: auto;
					max-height: 150px;
					object-fit: contain;
				}
			}
			&-body {
				font-size: 12px;
				display: flex;
				flex-direction: column;
				gap: 10px;
				@media (min-width: $tablet) {
					font-size: 16px;
					padding-top: 20px;
				}
				@media (min-width: $laptop) {
					width: calc(100% - 150px);
					padding: 0;
					padding-left: 40px;
				}
				b {
					font-weight: 700;
					@media (min-width: $tablet) {
						font-size: 20px;
					}
				}
				i {
					font-style: normal;
					color: $black;
				}
			}
			&-more {
				position: absolute;
				top: 10px;
				right: 10px;
				@media (min-width: $tablet) {
					width: 200px;
					padding: 0;
					position: static;
				}
			}
			&-label {
				background: $blue;
				color: $white;
				border-radius: 6px;
				width: 100%;
				height: 20px;
				display: flex;
				align-items: center;
				padding: 0 12px;
				position: absolute;
				bottom: 0;
				left: 0;
				font-size: 12px;
				line-height: 1;
				@media (min-width: $tablet) {
					max-width: 350px;
					height: 30px;
					font-size: 15px;
				}
				svg {
					width: 8px;
					height: 8px;
					@media (min-width: $tablet) {
						width: 12px;
						height: 12px;
					}
				}
				span {
					@include lines(1);
					width: calc(100% - 8px);
					padding-left: 6px;
				}
			}
		}
		&-one {
			display: flex;
			flex-direction: column;
			gap: 20px;
		}
		&-two {
			display: flex;
			flex-direction: column;
			gap: 20px;
			@media (min-width: $tablet) {
				flex-direction: row;
				flex-wrap: wrap;
				align-items: flex-start;
				justify-content: space-between;
				gap: 20px 0;
			}
			.main__employers-item {
				width: calc(50% - 10px);
				flex-direction: column;
				align-items: stretch;
				padding-top: 30px;
				&-inner {
					width: 100%;
					padding: 0;
				}
				&-more {
					position: static;
					margin-top: 20px;
					@media (min-width: $laptop) {
						margin-left: 190px;
					}
				}
				&-label {
					max-width: none;
				}
			}
		}
	}
	&__employer-page {
		display: flex;
		flex-direction: column;
		gap: 20px;
		@media (min-width: $tablet) {
			gap: 30px;
		}
		&-title {
			color: $black;
			margin: 0;
			font-size: 30px;
			@media (min-width: $tablet) {
				font-size: 36px;
			}
			@media (min-width: $laptop) {
				font-size: 44px;
			}
		}
		&-item {
			display: flex;
			flex-direction: column;
			gap: 4px;
			font-size: 12px;
			line-height: 1.4;
			@media (min-width: $tablet) {
				font-size: 18px;
				gap: 8px;
			}
			b {
				color: $green;
				font-size: 14px;
				@media (min-width: $tablet) {
					font-size: 18px;
				}
			}
			span {
				color: $black;
			}
		}
		&-info {
			display: flex;
			flex-direction: column;
			gap: 20px;
			@media (min-width: $tablet) {
				display: grid;
				grid-template-columns: repeat(2, 1fr);
				gap: 30px 40px;
			}
			@media (min-width: $desktop) {
				display: flex;
				flex-direction: row;
				align-items: flex-start;
				justify-content: space-between;
				padding-right: 160px;
			}
		}
		&-info &-item {
			b,
			span {
				@media (min-width: $tablet) {
					max-width: 300px;
				}
			}
		}
		&-tabs {
			display: flex;
			align-items: center;
			gap: 20px;
			@media (min-width: $tablet) {
				margin-top: 20px;
			}
			&-item {
				font-size: 22px;
				font-weight: 700;
				border: none;
				background: none;
				padding: 0;
				color: #9c9d9d;
				text-decoration: underline;
				text-decoration-thickness: 1px;
				@media (min-width: $tablet) {
					font-size: 24px;
				}
				&.active {
					color: $green;
				}
			}
		}
		&-body {
			display: flex;
			flex-direction: column;
			margin-top: 10px;
			@media (min-width: $tablet) {
				margin-top: 30px;
			}
			&-item {
				display: none;
				flex-direction: column;
				gap: 20px;
				&.showed {
					display: flex;
				}
			}
		}
		&-one {
			display: flex;
			flex-direction: column;
			gap: 20px;
			@media (min-width: $tablet) {
				display: grid;
				grid-template-columns: repeat(2, 1fr);
			}
			@media (min-width: $laptop) {
				grid-template-columns: repeat(3, 1fr);
			}
			@media (min-width: $desktop) {
				grid-template-columns: repeat(4, 1fr);
				gap: 30px 20px;
			}
			&-item {
				display: flex;
				flex-direction: column;
				gap: 10px;
				font-size: 12px;
				position: relative;
				@media (min-width: $desktop) {
					font-size: 18px;
				}
				img {
					border-radius: 10px;
					object-fit: cover;
					width: 100%;
					max-height: 250px;
					aspect-ratio: 247/174;
					@media (min-width: $desktop) {
						margin-bottom: 10px;
					}
				}
				b {
					font-weight: 700;
					color: $green;
				}
				span {
					color: $black;
				}
				i {
					font-style: normal;
					color: $green;
				}
				.del {
					position: absolute;
					z-index: 1;
					top: 8px;
					left: 8px;
				}
			}
		}
		&-two {
			display: flex;
			flex-direction: column;
			align-items: center;
			gap: 20px;
			&-item {
				width: 100%;
				display: flex;
				flex-direction: column;
				gap: 16px;
				padding: 20px 10px;
				border-radius: 12px;
				border: 1px solid #cecece;
				position: relative;
				overflow: hidden;
				font-size: 12px;
				background: $gradient;
				@media (min-width: $tablet) {
					font-size: 14px;
					padding: 20px;
					gap: 24px;
					padding-bottom: 35px;
				}
				@media (min-width: $laptop) {
					font-size: 16px;
				}
				@media (min-width: $desktop) {
					font-size: 18px;
				}
				&-toper {
					display: flex;
					align-items: center;
					font-size: 22px;
					font-weight: 700;
					color: $black;
					@media (min-width: $tablet) {
						font-size: 30px;
					}
					img {
						width: 60px;
						aspect-ratio: 1/1;
						object-fit: contain;
					}
					span {
						width: calc(100% - 60px);
						padding-left: 10px;
						@media (min-width: $tablet) {
							padding-left: 20px;
						}
					}
				}
				&-title {
					font-size: 18px;
					font-weight: 700;
					color: $green;
					@media (min-width: $tablet) {
						font-size: 24px;
					}
				}
				&-text {
					display: flex;
					flex-direction: column;
					gap: 10px;
					&-name {
						font-weight: 700;
					}
					&-body {
						color: $black;
						display: flex;
						flex-direction: column;
						gap: 6px;
						padding: 0 10px;
						p {
							margin: 0;
						}
						ul {
							margin: 0;
							padding: 0;
							padding-left: 16px;
							display: flex;
							flex-direction: column;
							gap: 6px;
							@media (min-width: $tablet) {
								margin: 0 5px;
							}
							span,
							a {
								color: $black;
								position: relative;
							}
							span {
								@media (min-width: $tablet) {
								}
							}
							a:hover {
								color: $green;
							}
						}
						p + ul {
							margin-top: 10px;
						}
					}
					&-links {
						display: flex;
						flex-direction: column;
						align-items: flex-start;
						gap: 10px;
						padding: 0 10px;
						font-weight: 700;
						margin-top: 5px;
						@media (min-width: $tablet) {
							gap: 20px;
						}
						a {
							color: $blue;
							&:hover {
								color: $green;
							}
						}
					}
				}
				&-tags {
					color: $blue;
					font-weight: 500;
					display: flex;
					align-items: center;
					flex-wrap: wrap;
					gap: 10px 20px;
					@media (min-width: $tablet) {
						font-size: 14px;
					}
				}
				&-buttons {
					display: grid;
					grid-template-columns: repeat(2, 1fr);
					gap: 20px;
				}
				&-button {
					@media (min-width: $tablet) {
						position: absolute;
						bottom: 20px;
						left: 20px;
						width: 200px;
						padding: 0;
					}
				}
				&-button + &-button {
					@media (min-width: $tablet) {
						left: auto;
						right: 20px;
					}
				}
				&-bottom {
					display: flex;
					align-items: center;
					justify-content: space-between;
					&-date {
						color: $black;
						@media (min-width: $tablet) {
							position: absolute;
							bottom: 20px;
							right: 240px;
							height: 42px;
							display: flex;
							align-items: center;
						}
						@media (min-width: $laptop) {
							font-size: 16px;
						}
					}
					&-like {
						@media (min-width: $tablet) {
							position: absolute;
							bottom: 20px;
							left: 240px;
						}
					}
				}
			}
			&-more {
				@media (min-width: $tablet) {
					margin-top: 10px;
					padding: 0;
					width: 200px;
				}
			}
		}
		&-two {
			& &-item {
				display: none;
				&:nth-of-type(1),
				&:nth-of-type(2) {
					display: flex;
				}
			}
			&.active &-item {
				display: flex;
			}
		}
	}
	&__resume-base {
		display: flex;
		flex-direction: column;
		color: $black;
		&-body {
			display: none;
			flex-direction: column;
			margin-top: 10px;
			@media (min-width: $tablet) {
				margin-top: 30px;
			}
			&.showed {
				display: flex;
			}
			&-one {
				display: flex;
				flex-direction: column;
				align-items: center;
				gap: 20px;
				@media (min-width: $tablet) {
					gap: 30px;
				}
			}
			&-two {
				display: flex;
				flex-direction: column;
				gap: 20px;
				@media (min-width: $tablet) {
					flex-direction: row;
					justify-content: space-between;
					align-items: flex-start;
					flex-wrap: wrap;
					gap: 30px 0;
				}
			}
			&-two &-item {
				@media (min-width: $tablet) {
					width: calc(50% - 10px);
				}
				&-wrapper {
					flex-direction: column;
				}
			}
			&-item {
				width: 100%;
				display: flex;
				flex-direction: column;
				gap: 20px;
				position: relative;
				border: 1px solid $green;
				border-radius: 8px;
				padding: 10px;
				align-items: center;
				@media (min-width: $tablet) {
					padding: 20px;
				}
				&-buttons {
					display: flex;
					flex-direction: column;
					align-items: flex-start;
					gap: 10px;
					position: absolute;
					top: 10px;
					right: 10px;
					@media (min-width: $tablet) {
						top: 20px;
						right: 20px;
					}
				}
				&-wrapper {
					display: flex;
					flex-direction: column;
					align-items: flex-start;
					gap: 20px;
					width: 100%;
					@media (min-width: $tablet) {
						flex-direction: row;
					}
				}
				&-photo {
					width: 180px;
					aspect-ratio: 1/1;
					object-fit: cover;
					border-radius: 8px;
					@media (min-width: $tablet) {
						width: 210px;
					}
				}
				&-inner {
					display: flex;
					flex-direction: column;
					gap: 10px;
					width: 100%;
					@media (min-width: $tablet) {
						gap: 16px;
						padding-right: 50px;
					}
					@media (min-width: $laptop) {
						display: grid;
						grid-template-columns: repeat(2, 1fr);
						gap: 30px;
					}
					div {
						display: flex;
						flex-direction: column;
						gap: 4px;
						font-size: 12px;
						@media (min-width: $tablet) {
							font-size: 16px;
						}
					}
					b {
						color: $green;
						font-size: 14px;
						@media (min-width: $tablet) {
							font-size: 18px;
						}
					}
				}
				&-link {
					width: 100%;
					padding: 0;
					@media (min-width: $tablet) {
						width: 200px;
					}
				}
			}
		}
	}
	&__spoiler {
		overflow: hidden;
		border-radius: 8px;
		display: flex;
		flex-direction: column;
		&-toper {
			background: $green;
			height: 30px;
			display: flex;
			align-items: center;
			justify-content: center;
			color: $white;
			font-size: 12px;
			font-weight: 700;
			padding: 0 30px;
			border: none;
			position: relative;
			@media (min-width: $tablet) {
				font-size: 18px;
				height: 50px;
				padding: 0 60px;
			}
			&:before,
			&:after {
				content: "";
				background: $white;
				border-radius: 999px;
				width: 10px;
				height: 1px;
				position: absolute;
				top: 50%;
				right: 10px;
				transition: $transition;
				transform: translate(0, -50%);
				@media (min-width: $tablet) {
					width: 20px;
					height: 2px;
					right: 20px;
				}
			}
			&:after {
				transform: rotate(90deg);
			}
			&.active:after {
				transform: rotate(0deg);
			}
		}
		&-body {
			opacity: 0;
			height: 0;
			overflow: hidden;
			border-radius: 0 0 8px 8px;
			background: $white;
			table {
				width: calc(100% + 2px);
				margin-left: -1px;
				margin-bottom: -1px;
				td {
					@media (min-width: $laptop) {
						width: 40%;
					}
				}
				td + td {
					@media (min-width: $laptop) {
						width: 60%;
					}
				}
			}
		}
		.active + &-body {
			transition: $transition;
			opacity: 1;
			height: auto;
			border: 1px solid #cecece;
			border-top: none;
		}
	}
	&__table {
		border-collapse: collapse;
		table-layout: fixed;
		font-size: 12px;
		width: 100%;
		background: $white;
		@media (min-width: $tablet) {
			font-size: 16px;
		}
		td {
			border: 1px solid #cecece;
			padding: 4px 8px;
			vertical-align: top;
			@media (min-width: $tablet) {
				padding: 8px 16px;
			}
			b {
				font-weight: 700;
			}
		}
		&_three {
			table-layout: auto;
			td {
				width: 25% !important;
				&:last-child {
					width: 50% !important;
				}
			}
		}
		b {
			display: block;
		}
		a {
			color: $green;
			text-decoration: underline;
			&:hover {
				color: $black;
			}
		}
	}
	&__resume-profile {
		&-about {
			padding-top: 20px;
			padding-bottom: 30px;
			position: relative;
			margin-top: 30px;
			display: flex;
			flex-direction: column;
			align-items: flex-start;
			gap: 10px;
			@media (min-width: $laptop) {
				padding: 50px 0;
			}
			&:before {
				content: "";
				position: absolute;
				z-index: 1;
				top: 0;
				left: 50%;
				width: 20000px;
				height: 100%;
				margin-left: -10000px;
				background: $gradient;
			}
			&-title {
				position: relative;
				z-index: 2;
				color: $black;
			}
			&-text {
				position: relative;
				z-index: 2;
			}
			&-button {
				position: relative;
				z-index: 2;
				margin-top: 10px;
			}
		}
		&-info {
			display: flex;
			flex-direction: column;
			gap: 20px;
			margin-top: 30px;
			@media (min-width: $laptop) {
				margin-top: 50px;
				gap: 30px;
			}
			&-title {
				color: $black;
			}
			&-body {
				display: flex;
				flex-direction: column;
				gap: 20px;
				@media (min-width: $laptop) {
					gap: 30px;
				}
				&-item {
					display: flex;
					flex-direction: column;
					gap: 10px;
					@media (min-width: $tablet) {
						gap: 20px;
					}
				}
				&-subtitle {
					color: $blue;
				}
				&-inner {
					display: flex;
					flex-direction: column;
					gap: 20px;
					margin: 0;
					padding: 0;
					font-size: 12px;
					@media (min-width: $tablet) {
						display: grid;
						grid-template-columns: repeat(2, 1fr);
					}
					@media (min-width: $laptop) {
						grid-template-columns: repeat(3, 1fr);
						font-size: 16px;
					}
					li {
						display: flex;
						flex-direction: column;
						gap: 6px;
						@media (min-width: $laptop) {
							gap: 8px;
						}
					}
					b {
						color: $green;
						font-size: 14px;
						@media (min-width: $laptop) {
							font-size: 18px;
						}
					}
					span {
						display: flex;
						flex-direction: column;
						gap: 4px;
						@media (min-width: $laptop) {
							gap: 6px;
						}
					}
				}
			}
		}
		&-review {
			display: flex;
			flex-direction: column;
			gap: 20px;
			padding: 20px 10px;
			margin-top: 30px;
			border-radius: 16px;
			border: 1px solid #cecece;
			background: $white;
			box-shadow: $shadow;
			@media (min-width: $laptop) {
				margin-top: 50px;
				padding: 50px 40px;
				gap: 30px;
			}
			&-title {
				color: $black;
			}
			&-body {
				display: flex;
				flex-direction: column;
				align-items: flex-start;
				gap: 10px;
				.textarea {
					width: 100%;
				}
				.button {
					margin-top: 10px;
				}
			}
		}
	}
	&__vacancies {
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 20px;
		@media (min-width: $tablet) {
			gap: 30px;
		}
		&-title {
			color: $black;
			width: 100%;
		}
		&-filters {
			width: 100%;
		}
		&-item {
			width: 100%;
			background: none;
			box-shadow: $shadow;
			&-page {
				border: none;
				box-shadow: none;
				background: none;
				margin: 0 -10px;
				@media (min-width: $tablet) {
					margin: 0 -20px;
				}
			}
		}
		&-thing {
			width: 100%;
			background: $gradient;
			padding: 20px 10px;
			padding-bottom: 30px;
			display: flex;
			flex-direction: column;
			gap: 24px;
			border-radius: 12px;
			box-shadow: $shadow;
			@media (min-width: $laptop) {
				padding: 30px 20px;
				flex-direction: row;
				align-items: flex-start;
				gap: 0;
			}
			@media (min-width: $desktop) {
				padding: 50px 20px;
			}
			&-pic {
				position: relative;
				z-index: 2;
				width: 100%;
				aspect-ratio: 42/34;
				object-fit: cover;
				border-radius: 8px;
				max-height: 340px;
				@media (min-width: $laptop) {
					width: 380px;
				}
				@media (min-width: $desktop) {
					width: 420px;
				}
			}
			&-body {
				display: flex;
				flex-direction: column;
				align-items: flex-start;
				gap: 16px;
				color: $black;
				@media (min-width: $laptop) {
					width: calc(100% - 380px);
					padding-left: 20px;
				}
				@media (min-width: $desktop) {
					width: calc(100% - 420px);
					gap: 20px;
				}
				> * {
					width: 100%;
				}
				.button {
					width: auto;
					@media (min-width: $tablet) {
						min-width: 200px;
					}
				}
			}
			&-scroll {
				display: flex;
				flex-direction: column;
				align-items: flex-start;
				gap: 16px;
				overflow: hidden;
				overflow-y: auto;
				max-height: 180px;
				padding-right: 10px;
				@media (min-width: $tablet) {
					max-height: 210px;
					padding-right: 20px;
				}
				@media (min-width: $laptop) {
					max-height: 175px;
				}
				@media (min-width: $desktop) {
					max-height: 200px;
					gap: 20px;
				}
			}
		}
	}
	&__cond {
		display: flex;
		flex-direction: column;
		gap: 50px;
		> div {
			display: flex;
			flex-direction: column;
			gap: 10px;
		}
		&-label {
			border-radius: 16px;
			border: 1px solid #cecece;
			box-shadow: $shadow;
			padding: 30px 20px;
			font-weight: 700;
			color: $black;
			line-height: 2;
			text-align: center;
			@media (min-width: $laptop) {
				font-size: 30px;
			}
		}
		&-icons {
			padding: 0;
			margin: 0;
			display: flex;
			flex-direction: column;
			gap: 25px;
			margin-top: 10px;
			@media (min-width: $tablet) {
				display: grid;
				grid-template-columns: repeat(2, 1fr);
				gap: 60px;
				margin-top: 20px;
			}
			@media (min-width: $desktop) {
				grid-template-columns: repeat(3, 1fr);
			}
			li {
				display: flex;
				flex-direction: column;
				align-items: flex-start;
				gap: 20px;
				font-size: 12px;
				line-height: 1.4;
				color: $black;
				@media (min-width: $tablet) {
					font-size: 14px;
				}
				@media (min-width: $laptop) {
					font-size: 16px;
					line-height: 1.6;
				}
				@media (min-width: $desktop) {
					font-size: 18px;
				}
				span {
					width: 48px;
					height: 48px;
					display: flex;
					align-items: center;
					img {
						max-width: 48px;
					}
				}
			}
		}
		&-callback {
			margin-top: 10px;
		}
	}
	&__ads {
		display: flex;
		flex-direction: column;
		gap: 30px;
		margin: 30px 0;
		@media (min-width: $laptop) {
			margin: 60px 0;
		}
		&-item {
			display: flex;
			flex-direction: column;
			gap: 16px;
			@media (min-width: $laptop) {
				flex-direction: row;
				gap: 0;
			}
			&-pic {
				width: 100%;
				max-width: 440px;
				max-height: 200px;
				aspect-ratio: 3/2;
				position: relative;
				overflow: hidden;
				border-radius: 12px;
				@media (min-width: $laptop) {
					width: 200px;
					aspect-ratio: 1/1;
				}
				img {
					z-index: 1;
					position: absolute;
					top: 0;
					left: 0;
					width: 100%;
					height: 100%;
					object-fit: cover;
				}
				span {
					z-index: 2;
					width: 30px;
					height: 30px;
					border-radius: 6px;
					background: $blue;
					display: flex;
					justify-content: center;
					align-items: center;
					position: absolute;
					top: 10px;
					left: 10px;
					color: $white;
					@media (min-width: $laptop) {
						width: 42px;
						height: 42px;
					}
					svg {
						width: 12px;
						height: 12px;
						@media (min-width: $laptop) {
							width: 20px;
							height: 20px;
						}
					}
				}
			}
			&-body {
				display: flex;
				flex-direction: column;
				align-items: flex-start;
				gap: 10px;
				font-size: 12px;
				@media (min-width: $laptop) {
					width: calc(100% - 200px);
					padding-left: 40px;
					justify-content: center;
					font-size: 16px;
					gap: 20px;
				}
				b {
					width: 100%;
					font-weight: 700;
					font-size: 14px;
					@media (min-width: $laptop) {
						font-size: 20px;
					}
				}
				span {
					width: 100%;
				}
			}
		}
	}
}