.panel-case-studies-landing { background: #fff; }
.panel-case-studies-landing .container { }
.case-studies-header { position: relative; z-index: 2; text-align: center; }
.case-studies-header h2 { margin: 0 0 20px 0; font-family: "neue-haas-grotesk-display", sans-serif; }
.case-studies-top-heading { font-family: "neue-haas-grotesk-display", sans-serif; font-size: 18px; font-weight: 600; line-height: 29px; letter-spacing: 1px; color: #080808; text-transform: uppercase; margin-bottom: 16px; }
.case-studies-description { max-width: 1096px; margin: 0 auto; font-size: 22px; font-weight: 400; line-height: 32px; letter-spacing: 1px; }
.case-studies-description p { margin: 0 0 20px 0; font-size: 22px; line-height: 32px; letter-spacing: 1px; font-weight: 500; font-family: "neue-haas-grotesk-display", sans-serif; }
.case-studies-description p:last-child { margin-bottom: 0; }

.case-studies-grid { }
.case-studies-grid .col-md-4 { margin-bottom: 48px; }
.case-study-card { display: block; text-decoration: none; transition: transform 0.3s ease, box-shadow 0.3s ease; }
/*.case-study-card:hover { transform: translateY(-4px); }*/
.case-study-image-wrapper { width: 100%; height: 436px; overflow: hidden; border-radius: 8.24px; border: 1.03px solid #e5e7eb; margin-bottom: 20px; position: relative; }
.case-study-image { width: 100%; height: 100%;  object-fit: cover; display: block; transition: transform 0.3s ease; }
.case-study-card:hover .case-study-image { transform: scale(1.05); }
.case-study-hover-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(255, 255, 255, 0.95); padding: 28px 25px 24px; display: flex; flex-direction: column; justify-content: flex-start; opacity: 0; visibility: hidden; transition: opacity 0.3s ease, visibility 0.3s ease; border-radius: 8.24px; overflow: hidden; }
.case-study-card:hover .case-study-hover-overlay { opacity: 1; visibility: visible; }
.case-study-card:hover .case-study-logo { opacity: 0; }
.case-study-logo { margin-bottom: 20px; position: absolute; z-index: 2; padding: 28px 25px 24px 25px; transition: opacity 0.3s ease; }
.case-study-logo img { max-width: 233px; max-height: 52px; width: auto; height: auto; display: block; object-fit: contain; }
.case-study-logo-hover { margin-bottom: 20px; position: relative; z-index: 2; }
.case-study-logo-hover img { max-width: 233px; max-height: 52px; width: auto; height: auto; display: block; object-fit: contain; }
.case-study-description { margin-bottom: 20px; position: relative; z-index: 2; flex: 1; display: flex; align-items: flex-end; padding-bottom: 20px; }
.case-study-description p { font-family: "neue-haas-grotesk-text", sans-serif; font-size: 18px; font-weight: 400; line-height: 26px; letter-spacing: 0.54px; color: #080808; margin: 0; }
.case-study-name-position { margin-top: auto; position: relative; z-index: 2; }
.case-study-name { font-family: "neue-haas-grotesk-display", sans-serif; font-size: 18px; font-weight: 600; line-height: 26px; letter-spacing: 0.54px; color: #252c32; margin: 0 0 4px 0; }
.case-study-position { font-family: "neue-haas-grotesk-text", sans-serif; font-size: 14px; font-weight: 400; line-height: 20px; letter-spacing: 0; color: #6b7280; margin: 0; }
.case-study-content { padding: 0; min-height:70px; }
.case-study-title { font-family: "neue-haas-grotesk-display", sans-serif; font-size: 24px; font-weight: 600; line-height: 30px; letter-spacing: 0.48px; color: #080808; margin: 0; }

/* Responsive Styles */
@media (max-width: 991px) {
	.case-studies-main-heading {
		font-size: 42px;
		line-height: 50px;
		margin-bottom: 20px;
	}
	
	.case-studies-description p {
		font-size: 20px;
		line-height: 30px;
	}
	
	.case-studies-header {
		margin-bottom: 40px;
	}
	
	.case-study-image-wrapper {
		height: 360px;
	}
}

@media (max-width: 767px) {
	.case-studies-top-heading {
		font-size: 16px;
		line-height: 26px;
	}
	
	.case-studies-main-heading {
		font-size: 36px;
		line-height: 44px;
		margin-bottom: 18px;
	}
	
	.case-studies-description p {
		font-size: 18px;
		line-height: 28px;
	}
	
	.case-studies-header {
		margin-bottom: 32px;
	}
	
	.case-study-image-wrapper {
		height: 280px;
	}
	
	.case-study-title {
		font-size: 22px;
		line-height: 28px;
	}
	
	.case-study-logo { padding: 20px 25px 24px 20px; }
	.case-study-logo img { max-width: 80px; max-height: 52px; }
	.case-study-logo-hover { display:none; }
	.case-study-description { margin:0; }
	.case-study-description p { font-size:15px; line-height:22px; }
}

@media (max-width: 575px) {
	.case-studies-main-heading {
		font-size: 32px;
		line-height: 40px;
	}
	
	.case-studies-description p {
		font-size: 16px;
		line-height: 26px;
	}
	
	.case-study-image-wrapper {
		height: 240px;
	}
}