/** Case Studies Block **/
.tsu-case-studies-block {
	position: relative;
	margin-left: -9.5%;
	margin-right: -9.5%;
	padding-left: 9.5%;
	padding-right: 9.5%;
	padding-top: 5%;
	padding-bottom: 0;
	overflow: hidden;
}
.indent-blocks > .tsu-case-studies-block {
	margin-left: -9.5%;
}
@media screen and (min-width: 992px){
	.indent-blocks > .tsu-case-studies-block .postamble,
	.indent-blocks > .tsu-case-studies-block .preamble {
		--row-gutter: calc(2.4rem * 0.5);
		--cont-width: calc(100% - var(--row-gutter));
		margin-left: calc((var(--cont-width) * 0.3333333333) + var(--row-gutter));
	}
}
@media screen and (min-width: 1023px){
	.indent-blocks > .tsu-case-studies-block .postamble,
	.indent-blocks > .tsu-case-studies-block .preamble {
		--row-gutter: calc(4.8rem * 0.5);
		--cont-width: calc(100% - var(--row-gutter));
	}
}
@media screen and (min-width: 1200px){
	.indent-blocks > .tsu-case-studies-block .postamble,
	.indent-blocks > .tsu-case-studies-block .preamble {
		--row-gutter: calc(6.4rem * 0.5);
		--cont-width: calc(100% - var(--row-gutter));
	}
}

.tsu-case-studies-block::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  height: 65%;
  background: var(--global--color-green);
  bottom: 0;
}
@media (max-width: 991px){
	.tsu-case-studies-block {
		padding-top: 10%;
		padding-bottom: 6%;
	}
}
.tsu-case-studies-block > .container-fluid,
.tsu-case-studies-block > .row {
    position: relative;
    z-index: 1;
}

.tsu-case-studies-block .cs-wrap {
	position: relative;
	display: block;
	color: var(--global--color-text);
	transition: color ease-in-out .2s;
}
.tsu-case-studies-block .cs-wrap::before {
	content: '';
	position: absolute;
	z-index: 2;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: #000;
	opacity: 0;
	transition: opacity ease-in-out .2s;
}
.tsu-case-studies-block .cs-wrap:hover {
	color: #fff;
}
.tsu-case-studies-block .cs-wrap:hover::before {
	opacity: 0.3;
}
.tsu-case-studies-block .cs-wrap::after {
  content: "";
  position: absolute;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26px' height='26px' fill='%23fff' viewBox='0 0 384 512'%3E%3Cpath d='M336 96c8.8 0 16 7.2 16 16V336c0 8.8-7.2 16-16 16s-16-7.2-16-16V150.6L59.3 411.3c-6.2 6.2-16.4 6.2-22.6 0s-6.2-16.4 0-22.6L297.4 128H112c-8.8 0-16-7.2-16-16s7.2-16 16-16H336z'/%3E%3C/svg%3E");
  top: 15px;
  right: 15px;
  height: 26px;
  width: 26px;
	z-index: 1000;
	opacity: 0;
	transition: opacity ease-in-out .2s;
}
.tsu-case-studies-block .cs-wrap:hover::after {
	opacity: 1;
}
.tsu-case-studies-block .cs-wrap > img {
	position: relative;
	z-index: 1;
}
.cs-content {
  position: absolute;
	width: 100%;
  bottom: 0;
  z-index: 10;
  color: #fff;
  padding: 15px;
	opacity: 0;
	transition: opacity ease-in-out .2s;
}
.tsu-case-studies-block .cs-wrap:hover .cs-content {
	opacity: 1;
}

.tsu-case-studies-block .cs-title {
	font-size: 1.1em;
	line-height: 1.3;
	font-weight: 600;
	transition: color ease-in-out .2s;
}
.tsu-case-studies-block .cs-wrap:hover .tm-title {
	color: #fff;
}

@media (max-width: 767px){
	.tsu-case-studies-block .cs-wrap::before {
		opacity: 0.3;
	}
	.tsu-case-studies-block .cs-wrap .cs-content {
		opacity: 1;
		}
	.tsu-case-studies-block .cs-wrap::after {
		opacity: 1;
	}
	.tsu-case-studies-block .cs-title {
		font-size: 0.95em;
	}
}