/* ==========
   CASE STUDY
   ========= */	
   
.m__casestudy {
	text-align: center; }

.m__casestudy .panel	 {
	overflow: hidden;
	position: relative;
	border-radius: 20px;
	border: 1px solid var(--color__blue-medium);
	padding: var(--spacing__y_half); }


.m__casestudy .panel__content h2,
.m__casestudy .panel__content h3,
.m__casestudy .panel__content p,
.m__casestudy .panel__content ul {
	max-width: 700px;
	margin-left: auto;
	margin-right: auto; }


.panel__image {
	position: absolute;
	background-size: cover;
	background-repeat: no-repeat;
	width: 100%;
	height: 100%;
	z-index: -1;
	display: block;
	top: 0;
	left: 0;
	/*-webkit-filter: grayscale(100%);
	filter: grayscale(100%);*/ }
	
.m__casestudy .embed-container {
	max-width: 100%; }
	
.m__casestudy h2 {
	margin-bottom: 6rem; }
	
/* ===========
   TITLE ICONS
   =========== */	
.m__casestudy .panel__has_icon .icon {
	content: '';
	display: block;
	width: 72px;
	height: 72px;
	margin: 0 auto var(--spacing__x);
	z-index: 1; 
	background-size: cover; }
		

/*#casestudy_challenge .panel__content h2:first-of-type:after,*/
.panel__icon__Challenge .icon {
	background-image: url('../svg/casestudy_icon_challenge.svg'); }

/*#casestudy_solution .panel__content h2:first-of-type:after,*/
.panel__icon__Solution .icon {
	background-image: url('../svg/casestudy_icon_solution.svg'); }
	
/*#casestudy_benefits .panel__content h2:first-of-type:after,*/
.panel__icon__Benefits .icon {
	background-image: url('../svg/casestudy_icon_benefits.svg'); }
	

/* ============
   PULLOUT STAT
   ============ */
   
.m__casestudy__pullout {
	text-align: center; }

.m__casestudy__pullout p {
	line-height: 1.2em;
	font-size: 5.8rem;
	color: var(--color__white); }
	
.m__casestudy__pullout p .stat {
	color: var(--color__sky); }	
	


/* ========
   SOLUTION
   ======== */

/*#casestudy_solution .panel__content,*/
.m__casestudy .panel__casestudy {
	max-width: 100%; }

/*#casestudy_solution ul,*/
.m__casestudy .f.panel__content__block-bullets ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	text-align: center;
	width: 100%;  }
	
/*#casestudy_solution ul li,*/
.m__casestudy .panel__content__block-bullets ul li {
	background: var(--color__sky);
	width: calc(50% - 2rem);
	margin: 1rem;
	color: var(--color__midnight);
	border-radius: 10px;
	padding: 1rem;
	box-sizing: border-box; }

.m__casestudy .panel__content__block-bullets.f ul li:before {
	content: none; }

	
@media all and (max-width:800px) {
	
	#casestudy_solution ul li {
		width: 100%; }
	
}




/* ========
   BENEFITS
   ======== */
/*#casestudy_benefits .f ul li:before,*/
.m__casestudy .f ul {
	display: inline-block;
	width: 100%;
	text-align: left; }
	
.m__casestudy .f ul.center {
	text-align: center; }
	
.m__casestudy .f ul li:before {
	left: auto;
	transform: translate(-2rem, 0); }



/* ========
   DOWNLOAD
   ======== */
.m__casestudy__download {
	text-align: center; }