.case-studies-intro { padding: 76px 0 54px; text-align: center; background: var(--e-global-color-white); }
.case-studies-intro .container { max-width: 760px; }
.case-kicker { display: inline-block; margin-bottom: 10px; color: var(--e-global-color-secondary); font: 700 12px/18px 'Manrope', sans-serif; letter-spacing: 2px; }
.case-studies-intro h2, .case-studies-cta h2 { margin-bottom: 14px; }
.case-studies-intro p { margin-bottom: 0; }
.case-studies-grid-section { padding: 26px 0 88px; background: var(--e-global-color-white); }
.case-studies-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 22px; }
.case-study-card { display: flex; min-height: 360px; overflow: hidden; border: 1px solid rgb(4 34 55 / 10%); border-bottom: 3px solid var(--e-global-color-secondary); border-radius: 18px; background: #f5fbfc; box-shadow: 0 10px 28px rgb(4 34 55 / 8%); }
.case-number { display: flex; flex: 0 0 70px; align-items: flex-start; justify-content: center; padding-top: 28px; color: var(--e-global-color-secondary); background: #e6f4f7; font: 700 20px/26px 'Manrope', sans-serif; }
.case-study-card-content { display: flex; flex: 1; flex-direction: column; padding: 30px 28px 26px; }
.case-tag { color: var(--e-global-color-accent); font: 700 12px/18px 'Manrope', sans-serif; letter-spacing: 1.5px; }
.case-study-card h3 { margin: 12px 0 10px; font-size: 28px; line-height: 34px; }
.case-study-card p { margin-bottom: 14px; font-size: 15px; line-height: 24px; }
.case-study-card ul { margin: 0 0 18px; padding: 0; list-style: none; }
.case-study-card li { margin-bottom: 7px; color: var(--e-global-color-text); font: 14px/21px 'Manrope', sans-serif; }
.case-study-card li::before { content: "\f00c"; margin-right: 8px; color: var(--e-global-color-accent); font: 900 11px/1 'Font Awesome 6 Free'; }
.case-cta-button .circle { display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; margin-left: 10px; border-radius: 50%; color: var(--e-global-color-dark-blue); background: var(--e-global-color-secondary); }
.case-studies-cta { padding: 76px 0; color: var(--e-global-color-white); background: #eef3f9; }
.case-studies-cta .container { display: flex; align-items: center; justify-content: space-between; gap: 40px; }
.case-studies-cta h2 { max-width: 650px; color: var(--e-global-color-primary); }
.case-studies-cta p { max-width: 700px; margin-bottom: 0; }
.case-cta-button { display: inline-flex; flex: 0 0 auto; align-items: center; padding: 8px 10px 8px 22px; border-radius: 30px 30px 30px 0; color: var(--e-global-color-white); background-image: linear-gradient(to right, var(--e-gradient-1), var(--e-gradient-2)); font: 700 14px/20px 'Manrope', sans-serif; text-decoration: none; }
.case-cta-button:hover { color: var(--e-global-color-white); background-image: linear-gradient(to right, #052b45, #052b45); }
@media only screen and (max-width: 767px) { .case-studies-intro, .case-studies-cta { padding: 54px 0; } .case-studies-grid-section { padding: 14px 0 58px; } .case-studies-grid { grid-template-columns: 1fr; gap: 16px; } .case-study-card { min-height: 0; } .case-study-card-content { padding: 24px 20px; } .case-study-card h3 { font-size: 24px; line-height: 30px; } .case-studies-cta .container { display: block; } .case-cta-button { margin-top: 26px; } }