.case-study-detail,
.resource,
.section-content-two-column {
	
	header,
	>section {
		margin: 0 6rem;
	}
	
	section.tii-card-slider-section {
		margin: 0 0 0 6rem;
		padding-left: 2rem;
	}
	
	.resource-banner {
		padding: 2em 2em !important;
		
		h1 {
			font-style: Lexend Deca;
			line-height: 1.2;
			font-size: 42px;
		}
		
		.resource-header-text {
			width: calc(50% - 2rem) !important;
			color: #003C46;
			
			.common-cta {
				margin-top: 2em;
			}
		}
		
		.resource-header-image {
			width: 50% !important;
			
			img,
			video-js,
			iframe {
				border-radius: 12px;
				corner-shape: squircle;
			}
			
			iframe {
				aspect-ratio: 16 / 9;
			}
		}
	}
	
	.resource-body {
		grid-template-columns: 1fr 3fr !important;
		column-gap: 1.5em !important;
	}
	
	.resource-body.no-left {
		display: block !important;
		
		#left-sidebar {
			display: none;
		}
	}
	
	#left-sidebar {
		position: -webkit-sticky;
		position: sticky;
		top: 100px;
		background-color: #F4F7FB;
		border-radius: 12px;
		corner-shape: squircle;
		margin-bottom: 3em;
		
		.resource-body-establishment {
			padding: 2rem;
			color: #003C46;
			
			h4 {
				line-height: 1.2;
				margin: 1em 0;
			}
			
			.img-responsive {
				max-width: 50%;
				margin: 1rem 0;
			}
			
			.eyebrow {
				color: #003C4699;
				font-weight: normal;
			}
		}
		
		.organization-statistics-container {
			.resource-story-statistic {
				display: grid;
				grid-template-columns: 1fr 2fr;
				line-height: normal;
				align-items: baseline;
				grid-gap: 0.5em;
				margin-bottom: 1.5rem;
				
				.resource-story-statistic-textarea {
					color: #003C46CC;
				}
				
				.resource-story-statistic-text {
					font-size: 18px;
				}
			}
		}
		
		.organization-details {
			margin-bottom: 2rem;
			
			.organization-details-mission {
				line-height: 1.5rem;
			}
			
			.organization-details-mission {
				.img-logo {
					max-width: 75%;
				}
				
				a.btn {
					display: inline-block;
					background: var(--color-white);
					border-radius: 35px;
					padding: 6px 20px 6px 20px;
					border-bottom: none;
					width: auto;
					font-size: 14px;
					font-weight: 400;
					font-family: "Lexend Deca";
					font-style: normal;
					text-decoration: none;
					border: 2px #62788D solid;
				}
				
				a.btn:after {
					content: "\e8e4";
					font-family: "Material Symbols Outlined";
					font-size: 1.5em;
					position: relative;
					top: 0.40rem;
					left: 0.2em;
					transition: all 0.2s ease-in-out;
					line-height: 0;
				}
			}
		}
	}
	
	.resource-body-content {
		font-size: 16px !important;
		
		.legacy-text * {
			font-size: 16px !important;
		}
		
		h2 {
			font-weight: 400;
			font-size: 32px;
			margin: 1em 0 !important;
		}
		
		h3 {
			font-weight: 100;
			font-size: 24px;
			color: #4D777E;
			margin: 1em 0 !important;
		}
		
		a.btn {
			display: inline-block;
			background: var(--color-green-light);
			border-radius: 35px;
			padding: 6px 49px 6px 27px;
			border-bottom: none;
			width: auto;
			font-size: 20px;
			line-height: 1.6;
			font-weight: 400;
			font-family: "Lexend Deca";
			font-style: normal;
			text-decoration: none;
			border: none;
		}
		
		a.btn:after {
			content: "\e8e4";
			font-family: "Material Symbols Outlined";
			font-size: 1.4em;
			position: relative;
			top: 0.33rem;
			left: 0.5em;
			transition: all 0.2s ease-in-out;
			line-height: 0;
		}
		
		section.section-cta-collection {
			margin: 2em 0;
			padding: 0;
		}
		
		.section-text-media-cta {
			.text-media-content {
				width: 100% !important;
				padding: 0 !important;
			}
			
			.cover-container.x {
				.left-col {
					padding-left: 0;
				}
			}
		}
		
		img {
			border-radius: 12px;
			corner-shape: squircle;
		}
		
		.section-content-two-column {
			padding: 2em;
			border-radius: 12px;
			margin: 3em 0 !important;
		}
	}
	
	.custom-carousel.brand-color-background-white,
	.section-resource-quote.brand-color-background-white {
		.container {
			max-width: 100%;
		}
		
		figure.quote {
			border-left: unset;
			position: relative;
			margin: 0 1em;
			
			.quote-photo {
				flex-shrink: 0;
				
				img {
					width: 60px;
					aspect-ratio: 1 / 1;
					border-radius: 50%;
					object-fit: cover;
				}
			}
			
			blockquote {
				margin: 0;
				color: #4D777E;
				font-size: 32px;
				text-indent: 0;
				padding-left: 80px;
				margin-bottom: 20px;
				
				p:after {
					content: close-quote;
				}
			}
			
			blockquote:before {
				content: open-quote;
				font-size: 5em;
				position: absolute;
				color: #0f8b6d;
				line-height: 1;
				top: 0;
				left: 0;
			}
			
			.quote-attribution {
				margin-left: 80px;
				color: #003C46;
				display: flex;
				align-items: center;
				gap: 16px;
			}
			
			.quote-attribution-text {
				position: relative;
				padding-left: 1.2rem;
			}
			
			.quote-attribution-text::before {
				content: "\2014 ";
				position: absolute;
				left: 0;
				color: var(--color-green);
			}
			
			.quote-attribution-author {
				display: inline;
				font-size: 16px !important;
			}
			
			.quote-attribution-title,
			.quote-attribution-institution {
				display: inline;
				font-size: 16px !important;
				color: #003C46 !important;
			}
			
			.quote-attribution-author:has(+ .quote-attribution-title)::after,
			.quote-attribution-title:has(+ .quote-attribution-institution)::after {
				content: ",";
				margin-right: .25rem;
			}
		}
	}
	
	.section-contact-banner {
		.text-media-cta-wrapper {
			padding: 0 3rem !important;
			
			.cover-container {
				display: contents;
				
				.banner-container {
					padding: 0 !important;
					
					.text-media-content {
						padding-left: 0 !important;
					}
				}
			}
		}
	}
	
	@media (max-width: 768px) {
		
		header,
		>section {
			margin: 0 1rem;
		}
		
		section.tii-card-slider-section {
			margin: 0 0 0 1rem;
		}
		
		.resource-banner {
			display: block !important;
			
			.resource-header-text {
				width: 100% !important;
				padding-bottom: 2rem !important;
			}
			
			.resource-header-image {
				width: 100% !important;
			}
		}
		
		.custom-carousel.brand-color-background-white,
		.section-resource-quote.brand-color-background-white {
			figure.quote {
				padding: 0;
				
				blockquote {
					padding-left: 0;
				}
				
				blockquote:before {
					position: relative;
					display: block;
					top: 0.2em;
					line-height: 0.4;
					left: -13px;
				}
				
				.quote-attribution {
					margin-left: 0;
				}
			}
		}
	}
	
	@media (max-width: 1050px) {
		
		header,
		>section {
			margin: 0 2rem;
		}
		
		section.tii-card-slider-section {
			margin: 0 0 0 2rem;
			padding-left: 1rem;
		}
		
		.section-contact-banner {
			.text-media-cta-wrapper {
				padding: 0 1rem !important;
			}
		}
		
		.resource-body {
			display: block !important;
		}
		
		#left-sidebar {
			position: unset;
			margin-bottom: 3em;
			
			.organization-statistics-container {
				.resource-story-statistic {
					grid-template-columns: 1fr 3fr;
				}
			}
		}
	}
}