/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Sep 08 2026 | 12:32:10 */
body.de-case-study-template .saboxplugin-wrap, body.de-case-study-template #post-footer-section, body.de-case-study-template #custom-footer-section { display: none !important; } body.de-case-study-template .site-inner, body.de-case-study-template .content-sidebar-wrap, body.de-case-study-template main.content, body.de-case-study-template article.entry, body.de-case-study-template .entry-content { box-sizing: border-box; float: none; margin: 0; max-width: none; min-height: 0; padding: 0; width: 100% !important; } body.de-case-study-template .post-header-section { background: radial-gradient(circle at 82% 12%, rgba(69, 203, 206, 0.22), transparent 30%), linear-gradient(135deg, #12264c, #20448b) !important; min-height: 0 !important; overflow: visible; padding: 88px 0 92px !important; } body.de-case-study-template .post-header-section .inner { align-items: center; box-sizing: border-box; display: grid; gap: 64px; grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr); margin: 0 auto; max-width: 1180px; overflow: visible; position: relative; width: calc(100% - 48px) !important; } body.de-case-study-template .post-header-section .content-left, body.de-case-study-template .post-header-section .content-right { box-sizing: border-box; float: none; margin: 0; max-width: none; min-height: 0; min-width: 0; padding: 0; width: auto !important; } body.de-case-study-template .post-header-section .entry-title { color: #fff; font-family: "Poppins", sans-serif; font-size: clamp(42px, 4.6vw, 58px); font-weight: 400; letter-spacing: -0.04em; line-height: 1.08; margin: 0; overflow-wrap: anywhere; } body.de-case-study-template .post-header-section .entry-title::before { color: #92e5e7; content: "DIGITAL TRANSFORMATION VIDEO CASE STUDY"; display: block; font-family: "Poppins", sans-serif; font-size: 12px; font-weight: 700; letter-spacing: 0.18em; line-height: 1.4; margin-bottom: 22px; text-transform: uppercase; } body.de-case-study-template .post-header-section .entry-image-link { background: #0b1c3b; border-radius: 28px 0 28px 28px; box-shadow: 0 24px 60px rgba(5, 18, 42, 0.34); display: block; line-height: 0; overflow: hidden; } body.de-case-study-template .post-header-section .entry-image-link:focus-visible { outline: 3px solid #45cbce; outline-offset: 5px; } body.de-case-study-template .post-header-section .entry-image-link img { aspect-ratio: 16 / 9; box-shadow: none; display: block; height: auto; margin: 0; object-fit: cover; object-position: center; width: 100%; } .de-case-study { --decs-blue: #20448b; --decs-navy: #12264c; --decs-aqua: #45cbce; --decs-aqua-hover: #82d8dc; --decs-light-aqua: #92e5e7; --decs-pale-aqua: #dff7f7; --decs-mist: #f8fafc; --decs-line: #dce3ec; --decs-body: #4f5968; --decs-ink: #182033; --decs-white: #fff; --decs-shadow: 0 18px 45px rgba(18, 38, 76, 0.1); --decs-shadow-dark: 0 24px 60px rgba(5, 18, 42, 0.32); background: var(--decs-white); color: var(--decs-body); font-family: "Source Sans Pro", sans-serif; font-size: 17px; line-height: 1.72; max-width: 100%; overflow-x: hidden; position: relative; width: 100%; } @supports (overflow: clip) { .de-case-study { overflow-x: clip; } } .de-case-study, .de-case-study *, .de-case-study *::before, .de-case-study *::after { box-sizing: border-box; } .de-case-study :where(h2, h3, h4, p, ul, ol, dl, dd, figure, blockquote) { margin-top: 0; } .de-case-study p:empty, .de-case-study__result > br { display: none !important; } .de-case-study :where(h2, h3, h4) { color: var(--decs-ink); font-family: "Poppins", sans-serif; overflow-wrap: anywhere; } .de-case-study h2 { font-size: clamp(34px, 4vw, 46px); font-weight: 500; letter-spacing: -0.035em; line-height: 1.14; margin-bottom: 20px; } .de-case-study h3 { font-size: 24px; font-weight: 600; letter-spacing: -0.02em; line-height: 1.25; margin-bottom: 13px; } .de-case-study h4 { font-size: 19px; font-weight: 600; line-height: 1.35; margin-bottom: 10px; } .de-case-study p, .de-case-study li, .de-case-study dd { color: var(--decs-body); font-size: 17px; line-height: 1.72; } .de-case-study p { margin-bottom: 24px; } .de-case-study p:last-child { margin-bottom: 0; } .de-case-study strong { color: var(--decs-ink); font-weight: 700; } .de-case-study a { color: var(--decs-blue); font-weight: 600; overflow-wrap: anywhere; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 4px; } .de-case-study a:hover { color: var(--decs-navy); text-decoration-thickness: 2px; } .de-case-study :where(a, button, iframe):focus-visible { outline: 3px solid var(--decs-aqua); outline-offset: 4px; } .de-case-study img, .de-case-study iframe, .de-case-study video, .de-case-study svg { max-width: 100%; } .de-case-study img { height: auto; } .de-case-study :where(section, header, footer, div, figure, article, aside) { min-width: 0; } .de-case-study__wrap, .de-case-study__measure { box-sizing: border-box; margin-left: auto; margin-right: auto; width: calc(100% - 48px); } .de-case-study__wrap { max-width: 1180px; } .de-case-study__measure { max-width: 800px; } .de-case-study__eyebrow { color: var(--decs-blue); font-family: "Poppins", sans-serif; font-size: 13px; font-weight: 700; letter-spacing: 0.16em; line-height: 1.45; margin: 0 0 18px; text-transform: uppercase; } .de-case-study__lead { color: var(--decs-ink); font-size: 21px; line-height: 1.58; margin-bottom: 25px; } .de-case-study__intro { color: var(--decs-body); font-size: 19px; line-height: 1.65; max-width: 760px; } .de-case-study__section { background: var(--decs-white); padding: 88px 0; scroll-margin-top: 180px; } .de-case-study__section--mist { background: var(--decs-mist); } .de-case-study__section--tinted { background: linear-gradient(135deg, #f2fbfb, var(--decs-pale-aqua)); } .de-case-study__section--compact { padding-bottom: 68px; padding-top: 68px; } .de-case-study__section-header { margin: 0 auto 46px; max-width: 800px; text-align: center; } .de-case-study__section-header .de-case-study__intro { margin-left: auto; margin-right: auto; } .de-case-study__opening { background: var(--decs-white); padding: 88px 0; } .de-case-study__opening-grid { align-items: center; display: grid; gap: 64px; grid-template-columns: minmax(0, 0.88fr) minmax(0, 1.12fr); } .de-case-study__opening-copy { max-width: 520px; } .de-case-study__media-frame, .de-case-study__video-frame { background: var(--decs-navy); border-radius: 28px 0 28px 28px; box-shadow: var(--decs-shadow); line-height: 0; overflow: hidden; position: relative; } .de-case-study__video-frame { aspect-ratio: 16 / 9; } .de-case-study__video-frame iframe, .de-case-study__video-frame video, .de-case-study__video-frame > div { border: 0; display: block; height: 100% !important; inset: 0; margin: 0; max-height: none; max-width: none; padding: 0; position: absolute; width: 100% !important; } .de-case-study__media-frame img { display: block; margin: 0; width: 100%; } .de-case-study__video-frame:focus-within, .de-case-study__work-media:focus-within { outline: 3px solid var(--decs-aqua); outline-offset: 4px; } .de-case-study__caption { color: #6a7483; font-size: 14px; line-height: 1.55; margin: 14px 0 0; } .de-case-study__snapshot { background: var(--decs-white); border: 1px solid var(--decs-line); border-radius: 28px 0 28px 28px; border-top: 3px solid var(--decs-aqua); box-shadow: 0 12px 30px rgba(18, 38, 76, 0.07); margin-top: 54px; padding: 32px; } .de-case-study__snapshot-header { align-items: baseline; display: flex; flex-wrap: wrap; gap: 10px 24px; justify-content: space-between; margin-bottom: 25px; } .de-case-study__snapshot-title { color: var(--decs-ink); font-family: "Poppins", sans-serif; font-size: 25px; font-weight: 600; letter-spacing: -0.025em; line-height: 1.25; margin: 0; } .de-case-study__snapshot-grid { display: grid; gap: 16px; grid-template-columns: repeat(3, minmax(0, 1fr)); margin: 0; } .de-case-study__snapshot-item { background: var(--decs-pale-aqua); border-radius: 16px 0 16px 16px; margin: 0; min-width: 0; padding: 18px 20px; } .de-case-study__snapshot-item dt { color: var(--decs-blue); font-family: "Poppins", sans-serif; font-size: 12px; font-weight: 700; letter-spacing: 0.1em; line-height: 1.45; margin: 0 0 6px; text-transform: uppercase; } .de-case-study__snapshot-item dd { color: var(--decs-navy); font-size: 16px; line-height: 1.5; margin: 0; overflow-wrap: anywhere; } .de-case-study__text-media { align-items: center; display: grid; gap: 68px; grid-template-columns: repeat(2, minmax(0, 1fr)); } .de-case-study__text-media > * { min-width: 0; } .de-case-study__text-media--reverse .de-case-study__copy { grid-column: 2; grid-row: 1; } .de-case-study__text-media--reverse .de-case-study__media { grid-column: 1; grid-row: 1; } .de-case-study__copy > :last-child { margin-bottom: 0; } .de-case-study__copy ul, .de-case-study__copy ol { margin: 0 0 26px; padding-left: 24px; } .de-case-study__copy li { margin-bottom: 9px; } .de-case-study__copy li:last-child { margin-bottom: 0; } .de-case-study__media img { border-radius: 28px 0 28px 28px; box-shadow: var(--decs-shadow); display: block; margin: 0; width: 100%; } .de-case-study__media-pair { display: grid; gap: 24px; grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: 36px; } .de-case-study__media-pair > figure { margin: 0; min-width: 0; } .de-case-study__media-pair .de-case-study__media-frame, .de-case-study__media-pair .de-case-study__video-frame { aspect-ratio: 16 / 9; height: auto; } .de-case-study__media-pair .de-case-study__media-frame img { height: 100%; object-fit: cover; object-position: center; width: 100%; } .de-case-study .de-case-study__check-list { display: grid; gap: 13px; list-style: none !important; margin: 28px 0 0 !important; padding: 0 !important; } .de-case-study .de-case-study__check-list li { list-style: none !important; margin: 0 !important; padding-left: 34px; position: relative; } .de-case-study__check-list li::marker { content: ""; } .de-case-study__check-list li::before { align-items: center; background: var(--decs-pale-aqua); border-radius: 50%; color: var(--decs-navy); content: "\2713"; display: flex; font-family: "Poppins", sans-serif; font-size: 13px; font-weight: 700; height: 22px; justify-content: center; left: 0; line-height: 1; position: absolute; top: 4px; width: 22px; } .de-case-study__work-grid { display: grid; gap: 24px; grid-template-columns: repeat(3, minmax(0, 1fr)); } .de-case-study__work-card { background: var(--decs-white); border: 1px solid var(--decs-line); border-radius: 25px 0 25px 25px; box-shadow: 0 16px 40px rgba(18, 38, 76, 0.08); display: flex; flex-direction: column; min-width: 0; overflow: hidden; } .de-case-study__work-media { aspect-ratio: 16 / 9; background: var(--decs-navy); line-height: 0; overflow: hidden; position: relative; } .de-case-study__work-media :where(img, iframe, video) { border: 0; display: block; height: 100% !important; inset: 0; margin: 0; object-fit: cover; position: absolute; width: 100% !important; } .de-case-study__work-body { display: flex; flex: 1; flex-direction: column; padding: 25px; } .de-case-study__work-kicker { color: var(--decs-blue); font-family: "Poppins", sans-serif; font-size: 12px; font-weight: 700; letter-spacing: 0.14em; line-height: 1.45; margin: 0 0 10px; text-transform: uppercase; } .de-case-study__work-card h3 { font-size: 22px; line-height: 1.22; margin-bottom: 13px; } .de-case-study__work-card p { font-size: 16px; line-height: 1.62; } .de-case-study__work-link { margin-top: auto; padding-top: 8px; } .de-case-study__work-link a { align-items: center; display: inline-flex; font-family: "Poppins", sans-serif; gap: 8px; } .de-case-study__work-link a::after { content: "\2192"; line-height: 1; } .de-case-study__proof { background: radial-gradient(circle at 16% 12%, rgba(69, 203, 206, 0.14), transparent 32%), var(--decs-navy); color: var(--decs-white); padding: 92px 0; } .de-case-study__proof-grid { align-items: start; display: grid; gap: clamp(56px, 8vw, 104px); grid-template-columns: minmax(0, 0.78fr) minmax(0, 1.22fr); } .de-case-study .de-case-study__proof .de-case-study__eyebrow { color: var(--decs-light-aqua); } .de-case-study__proof h2, .de-case-study__proof h3, .de-case-study__proof strong { color: var(--decs-white); } .de-case-study__proof h2 { font-size: clamp(40px, 4.6vw, 58px); font-weight: 500; line-height: 1.1; margin-bottom: 0; } .de-case-study__proof h2 strong { color: var(--decs-light-aqua); font-weight: 500; } .de-case-study__testimonial { margin: 0; padding: 0; position: relative; } .de-case-study__testimonial::before { color: var(--decs-aqua); content: "\201C"; display: block; font-family: Georgia, serif; font-size: 76px; height: 48px; line-height: 0.9; margin-bottom: 18px; } .de-case-study .de-case-study__testimonial > p:first-of-type { color: rgba(255, 255, 255, 0.94); font-family: "Poppins", sans-serif; font-size: clamp(24px, 2.5vw, 33px); font-weight: 400; letter-spacing: -0.025em; line-height: 1.35; margin: 0 0 26px; } .de-case-study__testimonial footer { margin: 0; } .de-case-study .de-case-study__testimonial cite { color: rgba(255, 255, 255, 0.76); display: block; font-size: 16px; font-style: normal; line-height: 1.55; } .de-case-study .de-case-study__testimonial cite strong { color: var(--decs-light-aqua); display: block; font-family: "Poppins", sans-serif; font-size: 17px; font-weight: 600; margin-bottom: 3px; } .de-case-study__testimonial cite span { display: block; } .de-case-study__result-grid { display: grid; gap: 14px; grid-template-columns: repeat(3, minmax(0, 1fr)); margin-top: 34px; } .de-case-study__result { background: var(--decs-mist); border: 1px solid var(--decs-line); border-radius: 14px 0 14px 14px; padding: 17px 18px; } .de-case-study__result strong { color: var(--decs-blue); display: block; font-family: "Poppins", sans-serif; font-size: 13px; font-weight: 700; letter-spacing: 0.08em; line-height: 1.45; margin-bottom: 5px; text-transform: uppercase; } .de-case-study__result span { color: var(--decs-body); display: block; font-size: 15px; line-height: 1.5; } .de-case-study__cta { background: var(--decs-white); padding: 78px 0 90px; text-align: center; } .de-case-study__cta-inner { background: linear-gradient(135deg, var(--decs-navy) 0%, var(--decs-blue) 100%); border-radius: 32px 0 32px 32px; box-shadow: 0 22px 50px -30px rgba(15, 43, 93, 0.75); box-sizing: border-box; margin: 0 auto; max-width: 1040px; padding: 58px 64px 62px; width: calc(100% - 40px); } .de-case-study__cta h2 { color: var(--decs-white); margin-bottom: 18px; } .de-case-study__cta p { color: rgba(255, 255, 255, 0.9) !important; font-size: 19px; line-height: 1.65; margin: 0 auto 28px; max-width: 680px; } .de-case-study__cta-inner > p:last-child { align-items: flex-start; display: flex; justify-content: center; min-height: 63px; } .de-case-study__button { align-items: center; background: var(--decs-aqua); border: 2px solid var(--decs-aqua); border-radius: 33px 0 33px 33px; box-shadow: 0 7px 14px -6px rgba(49, 176, 184, 0.9); color: var(--decs-navy) !important; display: inline-flex; font-family: "Poppins", sans-serif; font-size: 17px; font-weight: 700 !important; justify-content: center; line-height: 1.2; min-height: 56px; padding: 14px 30px; position: relative; text-align: center; text-decoration: none !important; top: 0 !important; transform: none !important; transition: background-color 160ms ease, border-color 160ms ease, color 160ms ease; } .de-case-study__button:hover { background: var(--decs-aqua-hover); border: 2px solid var(--decs-aqua-hover) !important; bottom: auto !important; color: var(--decs-navy) !important; left: auto !important; right: auto !important; top: 0 !important; transform: none !important; } .de-case-study__button:focus-visible { outline-color: var(--decs-navy) !important; outline-offset: 4px; } .de-case-study__cta .de-case-study__button:focus-visible { outline-color: var(--decs-white) !important; } .de-case-study__back { margin-bottom: 24px; } .de-case-study__back a { align-items: center; display: inline-flex; font-family: "Poppins", sans-serif; font-size: 15px; gap: 8px; } .de-case-study__back a::before { content: "\2190"; line-height: 1; } .de-case-study__related { background: var(--decs-mist); padding: 68px 0; } .de-case-study__related-shell { background: #eef4f7; border-radius: 28px 0 28px 28px; padding: 42px 44px; } .de-case-study__related-header { margin-bottom: 30px; max-width: 760px; } .de-case-study__related-header h2 { font-size: 32px; line-height: 1.2; margin-bottom: 0; } .de-case-study .de-case-study__related-grid { display: grid; gap: 24px; grid-template-columns: repeat(auto-fit, minmax(min(100%, 230px), 1fr)); list-style: none; margin: 0 !important; padding: 0 !important; } .de-case-study__related-card, .de-case-study__related-panel { background: var(--decs-white); border: 1px solid var(--decs-line); border-radius: 18px 0 18px 18px; color: var(--decs-body); min-width: 0; padding: 25px 27px; } .de-case-study__related-card::before { content: none !important; display: none !important; } .de-case-study .de-case-study__related-card { list-style: none !important; margin: 0 !important; } .de-case-study__related-card > a { color: inherit; display: block; height: 100%; text-decoration: none; } .de-case-study__related-card:hover { border-color: rgba(32, 68, 139, 0.34); box-shadow: 0 12px 30px rgba(18, 38, 76, 0.07); } .de-case-study__related-title, .de-case-study__related-panel h3 { color: var(--decs-blue); display: block; font-family: "Poppins", sans-serif; font-size: 20px; font-weight: 600; line-height: 1.3; margin-bottom: 12px; } .de-case-study__related-copy, .de-case-study__related-card li, .de-case-study__related-panel p, .de-case-study__related-panel li { display: block; font-size: 16px; line-height: 1.62; } .de-case-study__related-copy { font-weight: 400; } .de-case-study__related-card ul, .de-case-study__related-panel ul { list-style: none; margin: 0; padding: 0; } .de-case-study__related-card li, .de-case-study__related-panel li { border-top: 1px solid var(--decs-line); list-style: none; margin: 0; padding: 13px 0; } .de-case-study__related-card li:first-child, .de-case-study__related-panel li:first-child { border-top: 0; } .de-case-study__related-card li:last-child, .de-case-study__related-panel li:last-child { padding-bottom: 0; } .de-case-study__related-card li a, .de-case-study__related-panel a { align-items: flex-start; display: flex; gap: 10px; text-decoration: none; } .de-case-study__related-card li a::after, .de-case-study__related-panel a::after { content: "\2192"; flex: 0 0 auto; line-height: 1.5; margin-left: auto; } .de-case-study__related-card li a:hover, .de-case-study__related-panel a:hover { text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 4px; } @media (max-width: 1020px) { body.de-case-study-template .post-header-section .inner { gap: 46px; } .de-case-study__opening-grid, .de-case-study__text-media { gap: 46px; } .de-case-study__work-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .de-case-study__work-card:last-child:nth-child(odd) { grid-column: 1 / -1; justify-self: center; max-width: calc(50% - 12px); width: 100%; } } @media (max-width: 900px) { body.de-case-study-template .post-header-section { padding: 70px 0 74px !important; } body.de-case-study-template .post-header-section .inner, .de-case-study__opening-grid, .de-case-study__text-media, .de-case-study__proof-grid { grid-template-columns: minmax(0, 1fr); } body.de-case-study-template .post-header-section .content-left, body.de-case-study-template .post-header-section .content-right { grid-column: 1; } body.de-case-study-template .post-header-section .content-left { grid-row: 1; } body.de-case-study-template .post-header-section .content-right { grid-row: 2; } body.de-case-study-template .post-header-section .entry-title { max-width: 760px; } body.de-case-study-template .post-header-section .entry-image-link, .de-case-study__opening-media { max-width: 800px; } .de-case-study__opening-copy { max-width: 760px; } .de-case-study__text-media--reverse .de-case-study__copy, .de-case-study__text-media--reverse .de-case-study__media { grid-column: auto; grid-row: auto; } .de-case-study__snapshot-grid, .de-case-study__result-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .de-case-study__proof-grid { gap: 42px; } .de-case-study__proof h2 { max-width: 720px; } } @media (max-width: 780px) { body.de-case-study-template .post-header-section .inner, .de-case-study__wrap, .de-case-study__measure { width: calc(100% - 32px) !important; } body.de-case-study-template .post-header-section { padding: 62px 0 66px !important; } body.de-case-study-template .post-header-section .inner { gap: 36px; } body.de-case-study-template .post-header-section .entry-title { font-size: 38px !important; letter-spacing: -0.04em; line-height: 1.08; } .de-case-study { font-size: 16px; line-height: 1.72; } .de-case-study h2 { font-size: 30px; letter-spacing: -0.025em; line-height: 1.15; } .de-case-study h3 { font-size: 22px; } .de-case-study p, .de-case-study li, .de-case-study dd { font-size: 16px; line-height: 1.72; } .de-case-study__eyebrow { font-size: 12px; } .de-case-study__lead, .de-case-study__intro, .de-case-study__cta p { font-size: 18px; line-height: 1.62; } .de-case-study__opening, .de-case-study__section { padding: 66px 0; } .de-case-study__opening-grid, .de-case-study__text-media { gap: 34px; } .de-case-study__snapshot { margin-top: 42px; padding: 28px 24px; } .de-case-study__snapshot-grid, .de-case-study__result-grid, .de-case-study__work-grid, .de-case-study__media-pair, .de-case-study .de-case-study__related-grid { grid-template-columns: minmax(0, 1fr); } .de-case-study__work-card:last-child:nth-child(odd) { grid-column: auto; justify-self: stretch; max-width: none; } .de-case-study__section-header { margin-bottom: 34px; text-align: left; } .de-case-study__proof { padding: 68px 0; } .de-case-study__proof h2 { font-size: 36px; } .de-case-study .de-case-study__testimonial > p:first-of-type { font-size: 24px; } .de-case-study__cta { padding: 66px 0 72px; } .de-case-study__related { padding-bottom: 68px; } .de-case-study__related-shell { padding: 32px 24px; } .de-case-study__related-header h2 { font-size: 28px; } } @media (max-width: 420px) { body.de-case-study-template .post-header-section .inner, .de-case-study__wrap, .de-case-study__measure { width: calc(100% - 28px) !important; } body.de-case-study-template .post-header-section { padding: 52px 0 56px !important; } body.de-case-study-template .post-header-section .entry-title { font-size: 32px !important; line-height: 1.1; } body.de-case-study-template .post-header-section .entry-title::before { margin-bottom: 18px; } body.de-case-study-template .post-header-section .entry-image-link, .de-case-study__media-frame, .de-case-study__video-frame, .de-case-study__media img, .de-case-study__snapshot, .de-case-study__related-shell { border-radius: 22px 0 22px 22px; } .de-case-study__opening, .de-case-study__section { padding: 58px 0; } .de-case-study h2 { font-size: 29px; } .de-case-study__lead, .de-case-study__intro, .de-case-study__cta p { font-size: 17px; } .de-case-study__snapshot { padding: 24px 18px; } .de-case-study__snapshot-title { font-size: 23px; } .de-case-study__snapshot-item, .de-case-study__work-body, .de-case-study__related-card, .de-case-study__related-panel { padding-left: 20px; padding-right: 20px; } .de-case-study__testimonial::before { font-size: 64px; } .de-case-study .de-case-study__testimonial > p:first-of-type { font-size: 22px; } .de-case-study__button { min-height: 56px; padding-left: 20px; padding-right: 20px; width: 100%; } .de-case-study__related-shell { padding: 28px 18px; } } @media (prefers-reduced-motion: reduce) { .de-case-study *, .de-case-study *::before, .de-case-study *::after { scroll-behavior: auto !important; transition-duration: 0.01ms !important; } } @media (forced-colors: active) { .de-case-study__button, .de-case-study__snapshot, .de-case-study__snapshot-item, .de-case-study__work-card, .de-case-study__related-card, .de-case-study__related-panel, .de-case-study__result { border: 1px solid CanvasText; } } @media (max-width: 767px) { .de-case-study__cta { padding: 58px 0 68px; } .de-case-study__cta-inner { border-radius: 24px 0 24px 24px; padding: 40px 24px 44px; width: calc(100% - 28px); } }