@media all {
	a {
		background: transparent;
	}

	a:active,
	a:hover {
		outline: 0;
	}

	a {
		color: var(--color-primary);
		text-decoration: none;
		cursor: pointer;
		-webkit-transition: color 0.2s ease 0s;
		-o-transition: color 0.2s ease 0s;
		transition: color 0.2s ease 0s;
		text-decoration-skip-ink: none;
	}

	a:hover {
		color: var(--color-primary-dark);
		text-decoration: underline;
	}

	strong {
		font-weight: bold;
	}

	img {
		vertical-align: middle;
		max-width: 100%;
		height: auto;
		box-sizing: border-box;
		border: 0;
	}

	p { margin: 0; }
	*+p { margin-top: 15px; }

	h2, h3, .h1 {
		/* margin: 0 0 20px 0; */
		text-transform: none;
		line-height: 1.2;
		font-weight: 700;
	}
	*+h2, *+.h1 { margin-top: 25px; }
	.h1 { font-size: 40px; }
	h2 { font-size: 30px; }
	h3 { font-size: 25px; }

	::selection { background: #39f; color: #fff; text-shadow: none; }

	.why-we-item-title {
		font-size: 20px;
		font-weight: 700;
		color: var(--color-primary);
	}

	.btn-black {
		display: inline-block;
		line-height: 1;
		font-weight: 500;
		font-size: 18px;
		padding: 12px 20px;
		-webkit-transition: all 0.3s ease 0s;
		-o-transition: all 0.3s ease 0s;
		transition: all 0.3s ease 0s;
		background: #000;
		border-radius: 30px;
		border: 1px solid #000;
		color: #fff;
		text-align: center;
	}
	.btn-black:hover { text-decoration: none; background: #fff; border-color: var(--color-primary-dark); color: var(--color-primary-dark); }

	.section-title {color: var(--color-primary-dark); font-weight: 700; text-align: center; margin-bottom: 50px; margin-left: auto; margin-right: auto; }
	.section-supertitle { font-weight: 500; font-size: 20px; text-align: center; color: #656565; }
	.section-supertitle+.section-title { margin-top: 10px; }

	/* Секция и контейнер */
	.why-we-section { padding: 60px 0; background: #fff; }

	.why-we { display: flex; flex-wrap: wrap; justify-content: space-between; margin-left: -20px; align-items: flex-start; }
	.why-we-left { margin-left: 20px; width: calc(42% - 20px); max-width: 387px; position: sticky; top: 90px; }
	.why-we-left .section-supertitle { text-align: left; }
	.why-we-right { margin-left: 20px; width: calc(58% - 20px); }

	.why-we-descr { display: flex; }
	.why-we-icon { flex-shrink: 0; margin-right: 10px; }
	.why-we-btn { margin-top: 30px; }
	.why-we-btn a { width: 100%; min-height: 60px; font-size: 20px; text-transform: uppercase; display: inline-flex; align-items: center; justify-content: center; }

	.why-we-item { box-shadow: 0 25px 30px -20px rgb(20 83 223); background: #f5f7fb; border-radius: 30px; padding: 15px 25px; display: flex; align-items: center; }
	.why-we-item+.why-we-item { margin-top: 20px; }
	.why-we-item-descr { margin-right: 20px; width: calc(59% - 20px); font-size: 14px; }
	.why-we-item-image { width: 41%; display: flex; align-items: center; justify-content: center; background: none; }

	@media screen and (min-width: 768px) { .why-we-left .section-title { text-align: left; margin-bottom: 15px; } }
	@media screen and (min-width: 1201px) { .why-we-text { font-size: 20px; } }

	@media screen and (max-width: 1200px) {
		.h1 { font-size: 35px; }
		.section-supertitle { font-size: 18px; }
		.section-title { margin-bottom: 30px; }
		.why-we-btn { margin-top: 20px; }
		.why-we-btn a { min-height: 50px; font-size: 16px; }
		.why-we-item { border-radius: 20px; padding: 15px 20px; }
	}

	@media screen and (max-width: 767px) {
		.section-supertitle { font-size: 16px; }
		*+h2, *+.h1 { margin-top: 20px; }
		.h1 { font-size: 30px; }
		h2 { font-size: 26px; }
		h3 { font-size: 22px; }
		.section-title { margin-bottom: 20px; }
		.why-we-btn a { font-size: 14px; }
		.why-we-left { width: calc(100% - 20px); max-width: none; position: relative; top: 0; }
		.why-we-right { width: calc(100% - 20px); margin-top: 20px; }
	}

	@media screen and (max-width: 479px) {
		.h1 { font-size: 25px; }
		h2 { font-size: 20px; }
		h3 { font-size: 18px; }
		.why-we-item-image { width: 35%; }
		.why-we-item-descr { margin-right: 15px; width: calc(65% - 15px); }
		.why-we-item-icon { width: 60%; }
	}
}