.project-modal .window-body {
	max-width: 1000px;
	box-shadow: 0 42px 42px 0 rgba(0, 0, 0, 0.16), 0 13px 29px 0 rgba(0, 0, 0, 0.19);
	background: url(../images/form-logo.svg) top right / auto auto no-repeat, var(--white);
	.close::before {
		color: var(--text);
		font-size: 28px;
	}
	.content,
	.box {
		display: flex;
		flex-direction: column;
		gap: 20px;
	}
	.title {
		font-size: 40px;
		font-weight: 600;
		color: var(--text);
	}
	.box {
		overflow-y: auto;
		.content {
			gap: 4px;
			padding: 20px;
			border: 1px solid var(--2);
			padding-left: 44px;
			background: linear-gradient(var(--2)) left 27px top 27px / 6px 6px no-repeat;
			>*:first-child {
				color: var(--5);
				font-size: 20px;
				font-weight: 700;
				line-height: 1.2;
				letter-spacing: 0.04px;
				+p {
					margin-top: 6px;
				}
			}
			strong {
				color: var(--2);
				font-size: inherit;
				line-height: inherit;
				letter-spacing: inherit;
				font-weight: inherit;
			}
			li {
				list-style-type: none;
				background: linear-gradient(var(--2)) left top 7px / 6px 6px no-repeat;
				display: block;
				padding-left: 17px;
			}
		}
		.reasons,
		.how-work {
			padding-bottom: 10px;
			border-bottom: 1px solid #ccc;
			h3 {
				width: fit-content;
				padding: 4px 10px;
				font-weight: 500;
				line-height: 1.4;
				letter-spacing: 0.032px;
				color: var(--white);
				background: var(--2);
			}
			ul {
				display: flex;
				flex-direction: column;
				gap: 10px;
				list-style: none;
				li {
					padding-left: 24px;
					font-weight: 400;
					line-height: 1.4;
					letter-spacing: 0.032px;
					color: var(--5);
					background: linear-gradient(var(--2)) left 7px top 8px / 6px 6px no-repeat;
				}
			}
			&:has(h3 + ul) {
				display: grid;
				grid-template-columns: 260px 1fr;
				align-items: start;
				gap: 20px;
			}
		}
		button {
			border-color: var(--2);
		}
	}
	.white-btn{
		border: 1px solid var(--2);
	}
}
@media screen and (max-width: 767px) {
	.project-modal .window-body {
		.title {
			font-size: 30px;
		}
		.box {
			overflow-y: auto;
			.content {
				padding: 10px;
				padding-left: 34px;
				font-size: 16px;
				letter-spacing: 0.03px;
				>*:first-child {
					font-size: 16px;
					letter-spacing: 0.03px;
					+p {
						margin-top: 6px;
					}
				}
				&:has(strong) {
					padding-left: 34px;
					background-position: 17px 17px;
				}
			}
		}
		.reasons,
		.how-work {
			&:has(h3 + ul) {
				grid-template-columns: 1fr;
			}
		}
	}
}