.case {

}
.case__header {
	padding: 32px 24px;
	border-radius: 16px 16px 0 0;
	background-repeat: no-repeat;
}
.case_coffee .case__header {
	background-color: #A4624A;
	color: #FFFFFF;
	background-position: right bottom;
}
.case_lightblue .case__header {
	padding: 32px 24px;
}
.case_coffee .case__title {
	color: #FFFFFF;
}
.case__description {
	margin: 0;
	font-family: Raleway;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 150%;
}
.case__body {
	padding: 8px 24px;
	border-radius: 0 0 16px 16px;
	border-left: 1px solid #DDE1EC;
	border-right: 1px solid #DDE1EC;
	border-bottom: 1px solid #DDE1EC;
}
.case-part {
	display: grid;
  gap: 16px;
	grid-template-columns: 1fr;
}
.case-part {
	padding: 24px 0;
}
.case-part:not(:last-child) {
	border-bottom: 1px solid #C1C8DF;
}
.case-part_with-flipper {
	grid-template-areas:
		"a"
		"b"
		"c"
		"f";
}
.case-part_with-span {
	grid-template-areas:
		"a"
		"b"
		"c";
}
.case-part__title-span {
  grid-area: a;
}
.case-part__title-span > .case-part__title {
	margin-bottom: 0;
}
.case-part__left-col {
  grid-area: b;
}
.case-part__right-col {
  grid-area: c;
}
.case-part__title {
	color: #0C1533;
}
.case-part__subtitle {
	color: #0C1533;
	margin-bottom: 16px;
}
.case-part__title_blue {
	color: #0D67E1;
}
.case-part__title_orange {
	color: #FF7800;
}
.case-part__text {
	margin: 0;
	color: #3E4664;
	font-family: Raleway;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 150%;
}
.quote {
	padding: 24px 16px;
	display: flex;
	flex-direction: column;
	gap: 16px;
	border-radius: 16px;
	background-color: #FFF5E9;
}
.quote__text {
	margin: 0;
	color: #0C1533;
	font-family: Raleway;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: 150%;
}
.quote__caption {
	margin: 0;
	color: #3E4664;
	font-family: Raleway;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 150%;
}

@media (min-width: 576px)  {
	.case_lightblue .case__body {
    padding: 8px 32px;
	}
	.case_lightblue .case__header {
		padding: 32px;
	}
	.case-part {
    gap: 24px;
  }
  .case__description {
    font-size: 18px;
  }
  .case-part__text {
    font-size: 18px;
  }
  .quote {
    padding: 24px 32px;
  }
  .quote__text {
    font-size: 18px;
  }
  .quote__caption {
    font-size: 18px;
  }
}

@media (min-width: 576px) and (max-width: 991px)  {
	.card_wide-only-sm {
		grid-column: span 2;
	}
}

@media (min-width: 992px)  {
	.case__header {
		min-height: 300px;
		padding: 32px 40% 32px 32px;
	}
	.case__body {
		padding: 8px 32px;
	}
	.case-part {
		grid-template-columns: 1fr 1fr;
		gap: 24px 64px;
	}
	.case-part_with-flipper {
		grid-column-gap: 64px;
		grid-template-areas:
			"a a"
			"b c"
			"f c";
		grid-template-columns: 1fr 1fr;
	}
	.case-part_with-span {
		grid-column-gap: 64px;
		grid-template-areas:
			"a a"
			"b c";
		grid-template-columns: 1fr 1fr;
	}
}