/* ========================================================= * DiscoverMarket v2 — interior page-body restyle (Phase 2) * * Restyles the SHARED theme idioms used across the 12 interior page * templates (template-*.php) into the v2 design language, so the page * bodies match the home (index.php) `.dm-v2` look and the site-wide * chrome (glass nav + footer). * * SCOPING CONTRACT (mirrors home-v2.css §1 — non-negotiable): * Every rule is prefixed `body.dmv2-chrome .main-content-wrapper …`. * `dmv2-chrome` is added to site-wide in functions.php; every * interior template wraps its content in `.main-content-wrapper`. So this * file: * - cannot leak into the header (glass nav) or footer (own stylesheets), * - styles only existing theme markup — it adds NO new markup and * renames NO ACF field, so it is 100% CMS-safe (pure CSS), * - references the site-wide :root tokens from dm-tokens.css. * * Per-template bespoke component boxes (.tech-box, .news-box, .case-study-box, * …) are refined in the "PER-TEMPLATE" section at the bottom. * ========================================================= */ /* ── Token aliases (map the v2 home vocabulary onto :root --dm-* tokens) ── */ body.dmv2-chrome .main-content-wrapper { --action: var(--dm-indigo); --action-hover: var(--dm-indigo-deep); --accent: var(--dm-orange); --accent-hover: var(--dm-orange-deep); --bg: var(--dm-bg); --bg-soft: var(--dm-bg-soft); --bg-tint: var(--dm-bg-tint); --bg-elevated: #ffffff; --bd: #E7E7F2; --bd-strong: #D5D5E6; --ink: var(--dm-ink); --ink-strong: var(--dm-ink-strong); --ink-muted: var(--dm-ink-muted); --r-md: var(--dm-r-md); --r-lg: var(--dm-r-lg); --r-xl: var(--dm-r-xl); --r-pill: var(--dm-r-pill); --shadow-sm: var(--dm-shadow-sm); --shadow-md: var(--dm-shadow-md); --shadow-lg: var(--dm-shadow-lg); font-family: var(--dm-font); color: var(--ink); -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; } /* ── Base typography ─────────────────────────────────────────────────────── */ body.dmv2-chrome .main-content-wrapper h1, body.dmv2-chrome .main-content-wrapper h2, body.dmv2-chrome .main-content-wrapper h3, body.dmv2-chrome .main-content-wrapper h4, body.dmv2-chrome .main-content-wrapper h5, body.dmv2-chrome .main-content-wrapper h6 { font-family: var(--dm-font); color: var(--ink-strong); letter-spacing: -0.03em; line-height: 1.1; } body.dmv2-chrome .main-content-wrapper p, body.dmv2-chrome .main-content-wrapper li, body.dmv2-chrome .main-content-wrapper td { font-family: var(--dm-font); color: var(--ink-muted); letter-spacing: -0.1px; } /* Body-copy links get the indigo treatment — but NOT buttons. Buttons (.btn, the v2 system; .custom-button, the legacy theme) define their own fg/bg, and this rule's specificity (0,2,2) otherwise beats .dm-v2 .btn--action (0,2,0), repainting button TEXT to var(--action) = the same indigo as the button background → invisible blue-on-blue (this hit the home hero "Partner with us" CTA, which lives inside .main-content-wrapper). Excluding the button classes lets each button keep its designed text colour. */ body.dmv2-chrome .main-content-wrapper a:not(.btn):not(.custom-button) { color: var(--action); transition: color .15s; } body.dmv2-chrome .main-content-wrapper a:not(.btn):not(.custom-button):hover { color: var(--action-hover); } /* Section heading blocks (.pageTitle on most templates, .secTitle on webagency) */ body.dmv2-chrome .main-content-wrapper .pageTitle h1, body.dmv2-chrome .main-content-wrapper .pageTitle h2, body.dmv2-chrome .main-content-wrapper .secTitle h1, body.dmv2-chrome .main-content-wrapper .secTitle h2 { font-size: clamp(30px, 3.4vw, 46px); font-weight: 700; letter-spacing: -0.035em; line-height: 1.06; color: var(--ink-strong); margin-bottom: 14px; } body.dmv2-chrome .main-content-wrapper .pageTitle h2 em, body.dmv2-chrome .main-content-wrapper .pageTitle h2 i, body.dmv2-chrome .main-content-wrapper .secTitle h2 em { color: var(--action); font-style: italic; font-weight: 700; } body.dmv2-chrome .main-content-wrapper .pageTitle p, body.dmv2-chrome .main-content-wrapper .secTitle p { font-size: 17px; line-height: 1.6; color: var(--ink-muted); } /* .pageTitle.white / .white keeps light ink on dark banners & CTA */ body.dmv2-chrome .main-content-wrapper .pageTitle.white h1, body.dmv2-chrome .main-content-wrapper .pageTitle.white h2, body.dmv2-chrome .main-content-wrapper .white h1, body.dmv2-chrome .main-content-wrapper .white h2, body.dmv2-chrome .main-content-wrapper .white p { color: #fff; } /* ── Section rhythm ──────────────────────────────────────────────────────── */ body.dmv2-chrome .main-content-wrapper section.fullcontainer { padding-top: clamp(56px, 7vw, 96px); padding-bottom: clamp(56px, 7vw, 96px); } /* ── Buttons (.custom-button family → v2 pill) ───────────────────────────── */ body.dmv2-chrome .main-content-wrapper .custom-button { display: inline-flex; align-items: center; justify-content: center; gap: 8px; height: 52px; padding: 0 26px; border-radius: var(--r-pill); background: var(--action); color: #fff; font-family: var(--dm-font); font-weight: 600; font-size: 15px; letter-spacing: -0.1px; line-height: 1; text-decoration: none; border: 0; box-shadow: 0 10px 24px rgba(26,95,212,0.22); transition: transform .18s ease, background .18s ease, box-shadow .18s ease; } body.dmv2-chrome .main-content-wrapper .custom-button:hover { background: var(--action-hover); color: #fff; transform: translateY(-2px); box-shadow: 0 14px 30px rgba(26,95,212,0.30); } /* On dark banners / CTA the secondary button reads as a light/ghost pill */ body.dmv2-chrome .main-content-wrapper .inner-banner .custom-button, body.dmv2-chrome .main-content-wrapper .bottom-cta-sec .custom-button { background: #fff; color: var(--ink-strong); box-shadow: 0 10px 30px rgba(0,0,0,0.18); } body.dmv2-chrome .main-content-wrapper .inner-banner .custom-button:hover, body.dmv2-chrome .main-content-wrapper .bottom-cta-sec .custom-button:hover { background: var(--dm-bg-tint); color: var(--ink-strong); } /* Styled inline links (.styled-link-holder a) → arrow link */ body.dmv2-chrome .main-content-wrapper .styled-link-holder a { font-weight: 600; color: var(--action); text-decoration: none; } body.dmv2-chrome .main-content-wrapper .styled-link-holder a:hover { color: var(--action-hover); } /* ── Banner → v2 hero treatment ──────────────────────────────────────────── */ /* The banner keeps its inline background-image; we darken it for legibility and give the heading the v2 scale, echoing the home dark halo hero. */ body.dmv2-chrome .main-content-wrapper section.inner-banner { position: relative; } body.dmv2-chrome .main-content-wrapper section.inner-banner::after { content: ""; position: absolute; inset: 0; z-index: 0; pointer-events: none; /* Mirror the home hero's vertical gradient (.dm-v2 .hero + .hero__glow): a centred indigo glow at the top fading down to near-black #08070D. The two radials match the home glow stack; the near-opaque linear base deepens the bottom so every interior banner reads as the same top-bright→bottom-dark gradient as home instead of a flat solid overlay. */ background: radial-gradient(ellipse 70% 55% at 50% 0%, rgba(26,95,212,0.55) 0%, transparent 60%), radial-gradient(ellipse 90% 70% at 50% -10%, rgba(0,41,157,0.45) 0%, transparent 70%), radial-gradient(ellipse 50% 35% at 50% 35%, rgba(109,159,249,0.18) 0%, transparent 70%), linear-gradient(180deg, rgba(8,7,13,0.82) 0%, rgba(8,7,13,0.96) 100%); } body.dmv2-chrome .main-content-wrapper section.inner-banner > .inner-container, body.dmv2-chrome .main-content-wrapper section.inner-banner > .inner-container-lg { position: relative; z-index: 1; } body.dmv2-chrome .main-content-wrapper section.inner-banner .pageTitle h1, body.dmv2-chrome .main-content-wrapper section.inner-banner h1 { font-size: clamp(36px, 5vw, 64px); font-weight: 800; letter-spacing: -0.04em; line-height: 1.02; color: #fff; } /* ── Bottom CTA band → v2 dark band ──────────────────────────────────────── */ /* Keeps the inline background-color/image; layers a v2 halo + type. */ body.dmv2-chrome .main-content-wrapper .bottom-cta-sec { position: relative; } body.dmv2-chrome .main-content-wrapper .bottom-cta-sec::before { content: ""; position: absolute; inset: 0; z-index: 0; pointer-events: none; background: radial-gradient(800px 400px at 15% 0%, rgba(26,154,212,0.35), transparent 55%), radial-gradient(800px 400px at 85% 100%, rgba(254,80,0,0.18), transparent 55%); } body.dmv2-chrome .main-content-wrapper .bottom-cta-sec > .inner-container, body.dmv2-chrome .main-content-wrapper .bottom-cta-sec > .bottom-cta-mobile { position: relative; z-index: 1; } body.dmv2-chrome .main-content-wrapper .bottom-cta-sec .pageTitle h2 { font-size: clamp(30px, 3.6vw, 48px); color: #fff; } /* ── Generic card family (gentle elevation; per-template refines) ────────── */ body.dmv2-chrome .main-content-wrapper .mis-vis-box, body.dmv2-chrome .main-content-wrapper .indust-box, body.dmv2-chrome .main-content-wrapper .indust-work-box, body.dmv2-chrome .main-content-wrapper .dis-box, body.dmv2-chrome .main-content-wrapper .case-study-box, body.dmv2-chrome .main-content-wrapper .tech-box, body.dmv2-chrome .main-content-wrapper .tech-height-box, body.dmv2-chrome .main-content-wrapper .work-box, body.dmv2-chrome .main-content-wrapper .ww-box, body.dmv2-chrome .main-content-wrapper .inuds-box, body.dmv2-chrome .main-content-wrapper .content-box, body.dmv2-chrome .main-content-wrapper .gridbox1, body.dmv2-chrome .main-content-wrapper .quote-box, body.dmv2-chrome .main-content-wrapper .speaker-box, body.dmv2-chrome .main-content-wrapper .news-box, body.dmv2-chrome .main-content-wrapper .award-box { border-radius: var(--r-lg); box-shadow: var(--shadow-sm); transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease; } body.dmv2-chrome .main-content-wrapper .indust-box:hover, body.dmv2-chrome .main-content-wrapper .dis-box:hover, body.dmv2-chrome .main-content-wrapper .case-study-box:hover, body.dmv2-chrome .main-content-wrapper .tech-box:hover, body.dmv2-chrome .main-content-wrapper .work-box:hover, body.dmv2-chrome .main-content-wrapper .news-box:hover, body.dmv2-chrome .main-content-wrapper .content-box:hover { transform: translateY(-3px); box-shadow: var(--shadow-md); } /* ── Counters (.counter-holder / .counter-box) ───────────────────────────── */ body.dmv2-chrome .main-content-wrapper .counter, body.dmv2-chrome .main-content-wrapper .counter-box h3 { font-size: clamp(40px, 4.5vw, 60px); font-weight: 800; letter-spacing: -0.04em; color: var(--action); line-height: 1; } body.dmv2-chrome .main-content-wrapper .counter-box h5 { font-size: 14px; font-weight: 600; color: var(--ink-muted); margin-top: 8px; } /* ── Accordion (Bootstrap → v2) — faq / industries / industry / specific ── */ body.dmv2-chrome .main-content-wrapper .accordion-item { background: var(--bg-elevated); border: 1px solid var(--bd); border-radius: var(--r-md) !important; margin-bottom: 12px; overflow: hidden; box-shadow: var(--shadow-sm); } body.dmv2-chrome .main-content-wrapper .accordion-button { font-family: var(--dm-font); font-weight: 600; font-size: 16px; color: var(--ink-strong); background: var(--bg-elevated); padding: 20px 22px; letter-spacing: -0.2px; } body.dmv2-chrome .main-content-wrapper .accordion-button:not(.collapsed) { color: var(--action); background: var(--dm-bg-soft); box-shadow: none; } body.dmv2-chrome .main-content-wrapper .accordion-button:focus { border-color: transparent; box-shadow: 0 0 0 3px rgba(26,95,212,0.15); } body.dmv2-chrome .main-content-wrapper .accordion-body { font-size: 15px; line-height: 1.65; color: var(--ink-muted); padding: 4px 22px 22px; } /* ── Tabs (.tab-style1 / .nav-tabs) — industries / propositions / specific ─ */ body.dmv2-chrome .main-content-wrapper .nav-tabs { border: 0; gap: 10px; flex-wrap: wrap; } body.dmv2-chrome .main-content-wrapper .nav-tabs .nav-link, body.dmv2-chrome .main-content-wrapper .tab-style1 .nav-link { font-family: var(--dm-font); font-weight: 600; font-size: 14px; color: var(--ink-muted); background: var(--dm-bg-tint); border: 1px solid transparent; border-radius: var(--r-pill); padding: 10px 20px; transition: all .18s; } body.dmv2-chrome .main-content-wrapper .nav-tabs .nav-link.active, body.dmv2-chrome .main-content-wrapper .tab-style1 .nav-link.active { color: #fff; background: var(--action); border-color: transparent; box-shadow: 0 8px 20px rgba(26,95,212,0.25); } /* ── Forms (.form-holder + Contact Form 7) — company / whitepaper ─────────── */ body.dmv2-chrome .main-content-wrapper .form-holder input:not([type=submit]):not([type=checkbox]):not([type=radio]), body.dmv2-chrome .main-content-wrapper .form-holder textarea, body.dmv2-chrome .main-content-wrapper .form-holder select { font-family: var(--dm-font); font-size: 15px; border: 1px solid var(--bd-strong); border-radius: var(--r-md); padding: 14px 16px; background: var(--bg-elevated); color: var(--ink); transition: border-color .15s, box-shadow .15s; width: 100%; } body.dmv2-chrome .main-content-wrapper .form-holder input:focus, body.dmv2-chrome .main-content-wrapper .form-holder textarea:focus, body.dmv2-chrome .main-content-wrapper .form-holder select:focus { outline: 0; border-color: var(--action); box-shadow: 0 0 0 3px rgba(26,95,212,0.15); } body.dmv2-chrome .main-content-wrapper .form-holder input[type=submit], body.dmv2-chrome .main-content-wrapper .form-holder button[type=submit], body.dmv2-chrome .main-content-wrapper .wpcf7 input[type=submit] { font-family: var(--dm-font); font-weight: 600; font-size: 15px; height: 52px; padding: 0 30px; border: 0; cursor: pointer; border-radius: var(--r-pill); background: var(--action); color: #fff; box-shadow: 0 10px 24px rgba(26,95,212,0.22); transition: transform .18s, background .18s, box-shadow .18s; } body.dmv2-chrome .main-content-wrapper .form-holder input[type=submit]:hover, body.dmv2-chrome .main-content-wrapper .wpcf7 input[type=submit]:hover { background: var(--action-hover); transform: translateY(-2px); box-shadow: 0 14px 30px rgba(26,95,212,0.30); } /* ── Rich text content blocks (.content) ─────────────────────────────────── */ body.dmv2-chrome .main-content-wrapper .content p { font-size: 16px; line-height: 1.7; } body.dmv2-chrome .main-content-wrapper .content ul li, body.dmv2-chrome .main-content-wrapper .content ol li { font-size: 16px; line-height: 1.7; margin-bottom: 8px; } /* ========================================================= * PER-TEMPLATE refinements (bespoke component boxes) * Each block below is delimited by a comment naming its template and * styles only that template's unique classes, within the same * body.dmv2-chrome .main-content-wrapper scope as the foundation above. * ========================================================= */ /* --- template-company (contact) --- */ body.dmv2-chrome .main-content-wrapper .contact-sec-1 .container { max-width: 920px; margin-left: auto; margin-right: auto; } body.dmv2-chrome .main-content-wrapper .contact-sec-1 .form-holder { background: var(--bg-elevated); border: 1px solid var(--bd); border-radius: var(--r-lg); box-shadow: var(--shadow-sm); padding: clamp(24px, 4vw, 44px); } body.dmv2-chrome .main-content-wrapper .contact-sec-1 .form-group { margin-bottom: 18px; } body.dmv2-chrome .main-content-wrapper .contact-sec-1 .form-group .size-14 { display: inline-block; margin-bottom: 6px; font-size: 13px; font-weight: 600; color: var(--ink-muted); letter-spacing: -0.1px; } body.dmv2-chrome .main-content-wrapper .contact-sec-1 .NiceSelect { font-family: var(--dm-font); font-size: 15px; color: var(--ink); background: var(--bg-elevated); border: 1px solid var(--bd-strong); border-radius: var(--r-md); transition: border-color .15s, box-shadow .15s; } body.dmv2-chrome .main-content-wrapper .contact-sec-1 .NiceSelect.open, body.dmv2-chrome .main-content-wrapper .contact-sec-1 .NiceSelect:focus { border-color: var(--action); box-shadow: 0 0 0 3px rgba(26,95,212,0.15); } body.dmv2-chrome .main-content-wrapper .contact-sec-1 .NiceSelect .list { border: 1px solid var(--bd); border-radius: var(--r-md); box-shadow: var(--shadow-md); background: var(--bg-elevated); } body.dmv2-chrome .main-content-wrapper .contact-sec-1 .NiceSelect .option.selected, body.dmv2-chrome .main-content-wrapper .contact-sec-1 .NiceSelect .option:hover { background: var(--dm-bg-soft); color: var(--action); font-weight: 600; } body.dmv2-chrome .main-content-wrapper .contact-sec-1 .form-action { text-align: center; } body.dmv2-chrome .main-content-wrapper .contact-sec-1 .wpcf7-response-output { font-family: var(--dm-font); font-size: 14px; border-radius: var(--r-md); margin: 8px 0 0; padding: 12px 16px; } body.dmv2-chrome .main-content-wrapper .contact-sec-1 .wpcf7-not-valid-tip { font-family: var(--dm-font); font-size: 12.5px; color: var(--accent); } /* --- template-faq --- */ body.dmv2-chrome .main-content-wrapper .faq-sec-1 .container { max-width: 820px; margin-inline: auto; } body.dmv2-chrome .main-content-wrapper .faq-sec-1 .pageTitle { margin-bottom: clamp(28px, 4vw, 45px); } body.dmv2-chrome .main-content-wrapper .faq-sec-1 .pageTitle p { max-width: 620px; margin-inline: auto; } body.dmv2-chrome .main-content-wrapper .faq-sec-1 .accordion.style1 .accordion-item { margin-bottom: 14px; } body.dmv2-chrome .main-content-wrapper .faq-sec-1 .accordion-header a { display: flex; align-items: center; justify-content: space-between; gap: 16px; font-family: var(--dm-font); font-weight: 600; font-size: 16px; letter-spacing: -0.2px; line-height: 1.4; color: var(--ink-strong); background: var(--bg-elevated); padding: 20px 22px; text-decoration: none; transition: color .18s ease, background .18s ease; } body.dmv2-chrome .main-content-wrapper .faq-sec-1 .accordion-header a:not(.collapsed), body.dmv2-chrome .main-content-wrapper .faq-sec-1 .accordion-header a[aria-expanded="true"] { color: var(--action); background: var(--bg-soft); } body.dmv2-chrome .main-content-wrapper .faq-sec-1 .accordion-header a:hover { color: var(--action); } body.dmv2-chrome .main-content-wrapper .faq-sec-1 .accordion-header a::after { content: ""; flex: 0 0 auto; width: 10px; height: 10px; margin-right: 4px; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: rotate(45deg); transition: transform .2s ease; } body.dmv2-chrome .main-content-wrapper .faq-sec-1 .accordion-header a:not(.collapsed)::after, body.dmv2-chrome .main-content-wrapper .faq-sec-1 .accordion-header a[aria-expanded="true"]::after { transform: rotate(-135deg); } body.dmv2-chrome .main-content-wrapper .faq-sec-1 .accordion-header a:focus-visible { outline: 0; box-shadow: inset 0 0 0 3px rgba(26,95,212,0.15); } body.dmv2-chrome .main-content-wrapper .faq-sec-1 .accordion-body { font-size: 15px; line-height: 1.7; } body.dmv2-chrome .main-content-wrapper .faq-sec-1 .accordion-body p:last-child { margin-bottom: 0; } /* --- template-industries --- */ body.dmv2-chrome .main-content-wrapper .indust-sec-1 { background: var(--bg-soft) !important; } body.dmv2-chrome .main-content-wrapper .indust-sec-1 .logo-slide .icon-holder { display: flex; align-items: center; justify-content: center; /* height:auto overrides the theme's fixed .logo-slide .icon-holder{height:47px} (style.css) so the pill is sized by padding+logo and matches the taller home hero carousel card (.dm-v2 .hero__trust--carousel .icon-holder). */ height: auto; padding: 14px 22px; margin: 0 6px; background: var(--bg-elevated); border: 1px solid var(--bd); border-radius: var(--r-md); box-shadow: var(--shadow-sm); } body.dmv2-chrome .main-content-wrapper .indust-sec-1 .logo-slide .icon-holder img { max-height: 40px; max-width: 150px; width: auto; object-fit: contain; opacity: .9; transition: opacity .2s; } body.dmv2-chrome .main-content-wrapper .indust-sec-1 .logo-slide:hover .icon-holder img { opacity: 1; } body.dmv2-chrome .main-content-wrapper .indust-box { background: var(--bg-elevated); border: 1px solid var(--bd); padding: 32px 30px; height: 100%; display: flex; flex-direction: column; position: relative; overflow: hidden; } body.dmv2-chrome .main-content-wrapper .indust-box:hover { border-color: var(--bd-strong); } body.dmv2-chrome .main-content-wrapper .indust-box-holder > a { text-decoration: none; display: block; height: 100%; } body.dmv2-chrome .main-content-wrapper .indust-box .indust-img { width: 56px; height: 56px; border-radius: var(--r-md); background: linear-gradient(135deg, var(--dm-indigo) 0%, var(--dm-indigo-deep) 100%); display: inline-flex; align-items: center; justify-content: center; margin-bottom: 22px; box-shadow: 0 8px 20px rgba(26,95,212,0.25); } body.dmv2-chrome .main-content-wrapper .indust-box .indust-img img { width: 30px; height: 30px; object-fit: contain; filter: brightness(0) invert(1); } body.dmv2-chrome .main-content-wrapper .indust-box .indust-info h5 { font-size: 21px; font-weight: 700; letter-spacing: -0.4px; color: var(--ink-strong); margin: 0 0 10px; } body.dmv2-chrome .main-content-wrapper .indust-box .indust-info p, body.dmv2-chrome .main-content-wrapper .indust-box .indust-info { font-size: 14.5px; line-height: 1.6; color: var(--ink-muted); letter-spacing: -0.1px; } body.dmv2-chrome .main-content-wrapper .indust-box .styled-link-holder { margin-top: 16px; } body.dmv2-chrome .main-content-wrapper .indust-sec-3 { background-color: var(--bg-tint) !important; } body.dmv2-chrome .main-content-wrapper .indust-sec-3 .pageTitle h2 { color: var(--ink-strong); } body.dmv2-chrome .main-content-wrapper .indust-sec-4 .img-box { border-radius: var(--r-xl); overflow: hidden; box-shadow: var(--shadow-lg); border: 1px solid var(--bd); } body.dmv2-chrome .main-content-wrapper .indust-sec-4 .img-box img { display: block; width: 100%; height: 100%; object-fit: cover; } body.dmv2-chrome .main-content-wrapper .indust-sec4-left { padding-right: 10px; } body.dmv2-chrome .main-content-wrapper .indust-sec-5 { position: relative; } body.dmv2-chrome .main-content-wrapper .indust-sec-5::before { content: ""; position: absolute; inset: 0; z-index: 0; pointer-events: none; background: radial-gradient(900px 460px at 70% -10%, rgba(26,95,212,0.42), transparent 60%), linear-gradient(180deg, rgba(4,29,44,0.55) 0%, rgba(8,7,13,0.78) 100%); } body.dmv2-chrome .main-content-wrapper .indust-sec-5 > .inner-container { position: relative; z-index: 1; } body.dmv2-chrome .main-content-wrapper .indust-sec-5 .pageTitle h2, body.dmv2-chrome .main-content-wrapper .indust-sec-5 .pageTitle.white h2 { color: #fff; } body.dmv2-chrome .main-content-wrapper .indust-sec-6 .gridbox2 { background: var(--bg-elevated); border: 1px solid var(--bd); border-radius: var(--r-xl); box-shadow: var(--shadow-sm); transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease; height: 100%; } body.dmv2-chrome .main-content-wrapper .indust-sec-6 .gridbox2:hover { transform: translateY(-3px); box-shadow: var(--shadow-md); border-color: var(--bd-strong); } body.dmv2-chrome .main-content-wrapper .indust-sec-6 .gridbox2 .img-holder img { display: block; width: 100%; transition: transform .4s ease; } body.dmv2-chrome .main-content-wrapper .indust-sec-6 .gridbox2:hover .img-holder img { transform: scale(1.05); } body.dmv2-chrome .main-content-wrapper .indust-sec-6 .gridbox2-content h6 { font-size: 17px; font-weight: 700; letter-spacing: -0.3px; color: var(--ink-strong); line-height: 1.4; } body.dmv2-chrome .main-content-wrapper .indust-sec-6 .gridbox2-content p { color: var(--ink-muted); margin: 0; } body.dmv2-chrome .main-content-wrapper .indust-work-box { background: var(--bg-elevated); border: 1px solid var(--bd); padding: 30px 26px 28px; height: 100%; position: relative; overflow: hidden; } body.dmv2-chrome .main-content-wrapper .indust-work-box:hover { transform: translateY(-3px); box-shadow: var(--shadow-md); border-color: var(--bd-strong); } body.dmv2-chrome .main-content-wrapper .indust-work-box h5 { font-size: 64px; font-weight: 800; line-height: 1; letter-spacing: -0.06em; color: var(--action); opacity: .12; margin: 0 0 6px; } body.dmv2-chrome .main-content-wrapper .indust-work-box h4 { font-size: 19px; font-weight: 700; letter-spacing: -0.3px; color: var(--ink-strong); margin: 0 0 8px; } body.dmv2-chrome .main-content-wrapper .indust-work-box p { font-size: 14px; line-height: 1.55; color: var(--ink-muted); letter-spacing: -0.1px; margin: 0; } body.dmv2-chrome .main-content-wrapper .indust-sec-2 .TabsAccordion .indust-box { box-shadow: none; border: 0; padding: 0; } @media (max-width: 991px) { body.dmv2-chrome .main-content-wrapper .indust-box { padding: 26px 24px; } body.dmv2-chrome .main-content-wrapper .indust-sec4-left { padding-right: 0; } } @media (max-width: 575px) { body.dmv2-chrome .main-content-wrapper .indust-box .indust-img { width: 50px; height: 50px; } body.dmv2-chrome .main-content-wrapper .indust-box .indust-info h5 { font-size: 19px; } body.dmv2-chrome .main-content-wrapper .indust-work-box h5 { font-size: 54px; } } /* --- template-industry --- */ body.dmv2-chrome .main-content-wrapper .industry-sec-3 .rounded-corner-30, body.dmv2-chrome .main-content-wrapper .industry-sec-3 .full-height-image.rounded-corner-30 { border-radius: var(--r-xl); } body.dmv2-chrome .main-content-wrapper .indust-sec4-right .img-box { border-radius: var(--r-xl); overflow: hidden; box-shadow: var(--shadow-md); } body.dmv2-chrome .main-content-wrapper .indust-sec4-right .img-box img { display: block; width: 100%; border-radius: var(--r-xl); } body.dmv2-chrome .main-content-wrapper .industry-sec-2 .accordion-item { background: var(--bg-elevated); border: 1px solid var(--bd); border-radius: var(--r-md); margin-bottom: 12px; overflow: hidden; box-shadow: var(--shadow-sm); transition: box-shadow .2s ease, border-color .2s ease; } body.dmv2-chrome .main-content-wrapper .industry-sec-2 .accordion-item:hover { border-color: var(--bd-strong); } body.dmv2-chrome .main-content-wrapper .industry-sec-2 .accordion-header a { display: flex; align-items: center; justify-content: space-between; gap: 14px; font-family: var(--dm-font); font-weight: 600; font-size: 16px; letter-spacing: -0.2px; color: var(--ink-strong); text-decoration: none; padding: 18px 22px; } body.dmv2-chrome .main-content-wrapper .industry-sec-2 .accordion-header a:hover { color: var(--action); } body.dmv2-chrome .main-content-wrapper .industry-sec-2 .accordion-header a:not(.collapsed) { color: var(--action); background: var(--bg-soft); } body.dmv2-chrome .main-content-wrapper .industry-sec-2 .accordion-header a::after { content: "\f078"; font-family: "Font Awesome 6 Free", "Font Awesome 5 Free", FontAwesome; font-weight: 900; font-size: 12px; color: var(--action); transition: transform .2s ease; flex-shrink: 0; } body.dmv2-chrome .main-content-wrapper .industry-sec-2 .accordion-header a:not(.collapsed)::after { transform: rotate(180deg); } body.dmv2-chrome .main-content-wrapper .industry-sec-2 .accordion-body { font-size: 15px; line-height: 1.65; color: var(--ink-muted); padding: 2px 22px 20px; } body.dmv2-chrome .main-content-wrapper .industry-sec-3 .content-box { padding: clamp(8px, 2vw, 24px) 20px; } body.dmv2-chrome .main-content-wrapper .industry-sec-3 .content-box .pageTitle small.bld { display: inline-block; font-family: var(--dm-font); font-weight: 700; font-size: 12px; letter-spacing: 0.08em; text-transform: uppercase; color: var(--action); margin-bottom: 10px; } body.dmv2-chrome .main-content-wrapper .case-study-box { background: var(--bg-elevated); border: 1px solid var(--bd); overflow: hidden; } body.dmv2-chrome .main-content-wrapper .case-study-box.rounded-corner-30, body.dmv2-chrome .main-content-wrapper .gridbox2.case-study-box-holder.rounded-corner-20 { border-radius: var(--r-xl); } body.dmv2-chrome .main-content-wrapper .case-study-box-holder a { text-decoration: none; display: block; } body.dmv2-chrome .main-content-wrapper .case-study-box .case-study-img figure { margin: 0; overflow: hidden; } body.dmv2-chrome .main-content-wrapper .case-study-box .case-study-img img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .4s ease; } body.dmv2-chrome .main-content-wrapper .case-study-box-holder a:hover .case-study-img img { transform: scale(1.04); } body.dmv2-chrome .main-content-wrapper .case-study-box .case-study-info { padding: clamp(24px, 3vw, 44px); } body.dmv2-chrome .main-content-wrapper .case-study-box .case-study-info .pageTitle h4 { font-size: clamp(19px, 2vw, 24px); font-weight: 700; letter-spacing: -0.3px; color: var(--ink-strong); } body.dmv2-chrome .main-content-wrapper .case-study-box .case-study-info p { font-size: 15px; line-height: 1.6; color: var(--ink-muted); } body.dmv2-chrome .main-content-wrapper .styled-link-holder .styled-link { display: inline-flex; align-items: center; gap: 8px; font-family: var(--dm-font); font-weight: 600; font-size: 14px; letter-spacing: -0.1px; color: var(--action); } body.dmv2-chrome .main-content-wrapper .styled-link-holder .styled-link .iright { transition: transform .2s ease; } body.dmv2-chrome .main-content-wrapper .case-study-box-holder a:hover .styled-link, body.dmv2-chrome .main-content-wrapper .dis-box-holder a:hover .styled-link { color: var(--action-hover); } body.dmv2-chrome .main-content-wrapper .case-study-box-holder a:hover .styled-link .iright, body.dmv2-chrome .main-content-wrapper .dis-box-holder a:hover .styled-link .iright { transform: translateX(4px); } body.dmv2-chrome .main-content-wrapper .dis-box { background: var(--bg-elevated); border: 1px solid var(--bd); border-radius: var(--r-xl); height: 100%; } body.dmv2-chrome .main-content-wrapper .dis-box-holder a { display: block; text-decoration: none; height: 100%; } body.dmv2-chrome .main-content-wrapper .dis-box .dis-icon { width: 52px; height: 52px; border-radius: 14px; background: linear-gradient(135deg, var(--dm-indigo) 0%, var(--dm-indigo-deep) 100%); display: inline-flex; align-items: center; justify-content: center; box-shadow: 0 8px 20px rgba(26,95,212,0.25); margin-bottom: 18px; } body.dmv2-chrome .main-content-wrapper .dis-box .dis-icon figure { margin: 0; line-height: 0; } body.dmv2-chrome .main-content-wrapper .dis-box .dis-icon img { width: 26px; height: 26px; object-fit: contain; filter: brightness(0) invert(1); } body.dmv2-chrome .main-content-wrapper .dis-box .dis-info h5 { font-size: 19px; font-weight: 700; letter-spacing: -0.3px; color: var(--ink-strong); } body.dmv2-chrome .main-content-wrapper .dis-box .dis-info p { font-size: 14.5px; line-height: 1.6; color: var(--ink-muted); } body.dmv2-chrome .main-content-wrapper .gridbox2 { background: var(--bg-elevated); border: 1px solid var(--bd); box-shadow: var(--shadow-sm); transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease; } body.dmv2-chrome .main-content-wrapper .gridbox2.rounded-corner-30 { border-radius: var(--r-xl); } body.dmv2-chrome .main-content-wrapper .gridbox2:hover { transform: translateY(-3px); box-shadow: var(--shadow-md); border-color: var(--bd-strong); } body.dmv2-chrome .main-content-wrapper .gridbox2 .img-holder figure { margin: 0; overflow: hidden; } body.dmv2-chrome .main-content-wrapper .gridbox2 .img-holder img { display: block; width: 100%; object-fit: cover; transition: transform .4s ease; } body.dmv2-chrome .main-content-wrapper .gridbox2:hover .img-holder img { transform: scale(1.04); } body.dmv2-chrome .main-content-wrapper .gridbox2-content h6 { font-size: 17px; font-weight: 700; letter-spacing: -0.3px; color: var(--ink-strong); } body.dmv2-chrome .main-content-wrapper .gridbox2-content p { font-size: 13px; color: var(--ink-muted); } body.dmv2-chrome .main-content-wrapper .indust-work-box::before { content: attr(data-text); position: absolute; top: 6px; right: 14px; font-family: var(--dm-font); font-weight: 800; font-size: 88px; line-height: 1; letter-spacing: -0.06em; color: var(--action); opacity: 0.08; pointer-events: none; } @media (max-width: 991px) { body.dmv2-chrome .main-content-wrapper .case-study-box .case-study-info { padding: 28px; } } @media (max-width: 575px) { body.dmv2-chrome .main-content-wrapper .indust-work-box::before { font-size: 70px; } body.dmv2-chrome .main-content-wrapper .dis-box { border-radius: var(--r-lg); } } /* --- template-news --- */ body.dmv2-chrome .main-content-wrapper .news-list-holder .row.grid-10 { row-gap: 28px; } body.dmv2-chrome .main-content-wrapper .news-list-holder .col-md-6, body.dmv2-chrome .main-content-wrapper .news-list-holder .col-lg-4 { margin-bottom: 4px; } body.dmv2-chrome .main-content-wrapper .news-box-holder { height: 100%; } body.dmv2-chrome .main-content-wrapper .news-box-holder > a.img-effect { display: block; height: 100%; text-decoration: none; } body.dmv2-chrome .main-content-wrapper .news-box { display: flex; flex-direction: column; height: 100%; background: var(--bg-elevated); border: 1px solid var(--bd); overflow: hidden; } body.dmv2-chrome .main-content-wrapper .news-box-holder > a.img-effect:hover .news-box { border-color: var(--bd-strong); } body.dmv2-chrome .main-content-wrapper .news-box-img { position: relative; overflow: hidden; } body.dmv2-chrome .main-content-wrapper .news-box-img .img-holder, body.dmv2-chrome .main-content-wrapper .news-box-img figure { margin: 0; height: 100%; } body.dmv2-chrome .main-content-wrapper .news-box-img .img-holder.img-cover { aspect-ratio: 16 / 10; } body.dmv2-chrome .main-content-wrapper .news-box-img img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .5s ease; } body.dmv2-chrome .main-content-wrapper .news-box-holder > a.img-effect:hover .news-box-img img { transform: scale(1.06); } body.dmv2-chrome .main-content-wrapper .news-box-img .news-category { position: absolute; top: 12px; left: 12px; z-index: 1; display: flex; flex-wrap: wrap; gap: 6px; } body.dmv2-chrome .main-content-wrapper .news-box-img .news-category span { display: inline-block; padding: 5px 12px; border-radius: var(--r-pill); background: rgba(255,255,255,0.92); color: var(--action); font-size: 11px; font-weight: 700; letter-spacing: 0.04em; text-transform: uppercase; line-height: 1; box-shadow: 0 4px 12px rgba(8,7,13,0.12); } body.dmv2-chrome .main-content-wrapper .news-box-info-holder { display: flex; flex-direction: column; flex: 1 1 auto; padding: 22px 22px 24px; } body.dmv2-chrome .main-content-wrapper .news-box-title { margin-bottom: 10px; } body.dmv2-chrome .main-content-wrapper .news-box-title h6 { margin: 0; font-size: clamp(17px, 1.3vw, 20px); font-weight: 700; line-height: 1.25; letter-spacing: -0.02em; color: var(--ink-strong); transition: color .15s ease; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } body.dmv2-chrome .main-content-wrapper .news-box-holder > a.img-effect:hover .news-box-title h6 { color: var(--action); } body.dmv2-chrome .main-content-wrapper .news-box-info p { margin: 0; font-size: 15px; line-height: 1.6; color: var(--ink-muted); display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } body.dmv2-chrome .main-content-wrapper .news-box-date { margin-top: auto; padding-top: 16px; } body.dmv2-chrome .main-content-wrapper .news-box-date p { margin: 0; font-size: 12px; font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; color: var(--ink-muted); opacity: 1; } /* --- template-propositions --- */ body.dmv2-chrome .main-content-wrapper .prop-common .tab-holder.tab-style1 { --tab-gap: clamp(20px, 2.4vw, 36px); } body.dmv2-chrome .main-content-wrapper .prop-common .tab-style1-tabs { padding-right: clamp(4px, 1vw, 16px); } body.dmv2-chrome .main-content-wrapper .prop-common .tab-style1-tabs .nav-tabs { flex-direction: column; gap: 10px; position: sticky; top: 96px; } body.dmv2-chrome .main-content-wrapper .prop-common .tab-style1-tabs .nav-link { display: block; width: 100%; text-align: left; } body.dmv2-chrome .main-content-wrapper .prop-common .tab-content { background: var(--bg-elevated); border: 1px solid var(--bd); border-radius: var(--r-xl); box-shadow: var(--shadow-sm); padding: clamp(8px, 1.2vw, 16px); overflow: hidden; } body.dmv2-chrome .main-content-wrapper .prop-common .tab-content .tab-pane .rounded-corner-30 { border: 1px solid var(--bd); border-radius: var(--r-lg); } body.dmv2-chrome .main-content-wrapper .prop-common .accordion-header a { font-family: var(--dm-font); font-weight: 600; color: var(--ink-strong); letter-spacing: -0.2px; } body.dmv2-chrome .main-content-wrapper .prop-common .pageTitle-holder { margin-bottom: 14px; } body.dmv2-chrome .main-content-wrapper .prop-common .pageTitle-holder .pageTitle.sm h2 { font-size: clamp(22px, 2.2vw, 30px); margin-bottom: 0; } body.dmv2-chrome .main-content-wrapper .prop-sec-4 { background: var(--bg-soft); } body.dmv2-chrome .main-content-wrapper .prop-sec-1 .pageTitle h2 { margin-bottom: 0; } @media (max-width: 991.98px) { body.dmv2-chrome .main-content-wrapper .prop-common .tab-style1-tabs .nav-tabs { flex-direction: row; flex-wrap: wrap; justify-content: center; position: static; margin-bottom: var(--tab-gap); } body.dmv2-chrome .main-content-wrapper .prop-common .tab-style1-tabs .nav-link { width: auto; text-align: center; } } /* --- template-specific --- */ body.dmv2-chrome .main-content-wrapper .specific-sec-1 h5 { color: var(--ink-strong); letter-spacing: -0.02em; line-height: 1.3; margin: 0; } body.dmv2-chrome .main-content-wrapper .works-slider-holder .work-box, body.dmv2-chrome .main-content-wrapper .work-box { background: var(--bg-elevated); border: 1px solid var(--bd); border-radius: var(--r-xl); padding: 30px 28px; height: 100%; display: flex; flex-direction: column; } body.dmv2-chrome .main-content-wrapper .work-box:hover { border-color: var(--bd-strong); } body.dmv2-chrome .main-content-wrapper .work-box .work-icon figure, body.dmv2-chrome .main-content-wrapper .work-box .work-icon { width: 56px; height: 56px; margin: 0 0 4px; border-radius: 14px; background: var(--bg-tint); display: inline-flex; align-items: center; justify-content: center; overflow: hidden; } body.dmv2-chrome .main-content-wrapper .work-box .work-icon img { width: 30px; height: 30px; object-fit: contain; } body.dmv2-chrome .main-content-wrapper .work-box .work-info h5 { font-size: 19px; font-weight: 700; letter-spacing: -0.3px; color: var(--ink-strong); margin: 0 0 8px; } body.dmv2-chrome .main-content-wrapper .work-box .work-info p, body.dmv2-chrome .main-content-wrapper .work-box .work-info { font-size: 14.5px; line-height: 1.6; color: var(--ink-muted); letter-spacing: -0.1px; } body.dmv2-chrome .main-content-wrapper .specific-sec-3 .ul-listing.list-2col { gap: 22px 40px; } body.dmv2-chrome .main-content-wrapper .specific-sec-3 .ul-listing li h6 { font-size: 17px; font-weight: 700; letter-spacing: -0.3px; color: var(--ink-strong); } body.dmv2-chrome .main-content-wrapper .specific-sec-3 .ul-listing li p, body.dmv2-chrome .main-content-wrapper .specific-sec-3 .ul-listing li { font-size: 14.5px; line-height: 1.6; color: var(--ink-muted); letter-spacing: -0.1px; } body.dmv2-chrome .main-content-wrapper .tab-holder .tab-content { margin-top: 6px; } body.dmv2-chrome .main-content-wrapper .tab-slider-holder .gridbox1.ww-box, body.dmv2-chrome .main-content-wrapper .tab-slider-holder .ww-box { background: var(--bg-elevated); border: 1px solid var(--bd); border-radius: var(--r-lg); padding: 30px 24px; height: 100%; display: flex; flex-direction: column; align-items: center; gap: 14px; } body.dmv2-chrome .main-content-wrapper .tab-slider-holder .ww-box:hover { transform: translateY(-3px); box-shadow: var(--shadow-md); border-color: var(--bd-strong); } body.dmv2-chrome .main-content-wrapper .tab-slider-holder .ww-box .icon-holder { width: 64px; height: 64px; margin: 0; border-radius: 16px; background: linear-gradient(135deg, var(--dm-indigo-soft) 0%, var(--bg-tint) 100%); display: inline-flex; align-items: center; justify-content: center; overflow: hidden; } body.dmv2-chrome .main-content-wrapper .tab-slider-holder .ww-box .icon-holder img { width: 34px; height: 34px; object-fit: contain; } body.dmv2-chrome .main-content-wrapper .tab-slider-holder .ww-box h3 { font-size: 17px; font-weight: 700; letter-spacing: -0.3px; color: var(--ink-strong); margin: 0; } body.dmv2-chrome .main-content-wrapper .specific-sec-5 .indust-sec4-right .img-box { border-radius: var(--r-xl); overflow: hidden; box-shadow: var(--shadow-lg); } body.dmv2-chrome .main-content-wrapper .specific-sec-5 .indust-sec4-right .img-box img { display: block; width: 100%; height: auto; } body.dmv2-chrome .main-content-wrapper .specific-sec-5 .indust-sec4-left { padding: 4px 0; } body.dmv2-chrome .main-content-wrapper .latest-slider-holder .gridbox2.inuds-box, body.dmv2-chrome .main-content-wrapper .inuds-box { background: var(--bg-elevated); border: 1px solid var(--bd); border-radius: var(--r-xl); overflow: hidden; height: 100%; display: flex; flex-direction: column; } body.dmv2-chrome .main-content-wrapper .inuds-box:hover { transform: translateY(-3px); box-shadow: var(--shadow-md); border-color: var(--bd-strong); } body.dmv2-chrome .main-content-wrapper .inuds-box > a { display: flex; flex-direction: column; height: 100%; text-decoration: none; } body.dmv2-chrome .main-content-wrapper .inuds-box .img-holder figure { margin: 0; aspect-ratio: 16 / 10; overflow: hidden; } body.dmv2-chrome .main-content-wrapper .inuds-box .img-holder img { width: 100%; height: 100%; object-fit: cover; transition: transform .4s ease; } body.dmv2-chrome .main-content-wrapper .inuds-box:hover .img-holder img { transform: scale(1.04); } body.dmv2-chrome .main-content-wrapper .inuds-box .gridbox2-content { display: flex; flex-direction: column; gap: 8px; flex: 1 1 auto; } body.dmv2-chrome .main-content-wrapper .inuds-box .gridbox2-content h5 { font-size: 19px; font-weight: 700; letter-spacing: -0.3px; color: var(--ink-strong); margin: 0; } body.dmv2-chrome .main-content-wrapper .inuds-box .gridbox2-content p, body.dmv2-chrome .main-content-wrapper .inuds-box .gridbox2-content { font-size: 14.5px; line-height: 1.6; color: var(--ink-muted); letter-spacing: -0.1px; } body.dmv2-chrome .main-content-wrapper .inuds-box .styled-link-holder { margin-top: auto; padding-top: 6px; } body.dmv2-chrome .main-content-wrapper .inuds-box .styled-link-holder .styled-link { display: inline-flex; align-items: center; gap: 8px; font-weight: 600; font-size: 14px; color: var(--action); letter-spacing: -0.1px; } body.dmv2-chrome .main-content-wrapper .inuds-box .styled-link-holder .styled-link .iright { transition: transform .2s ease; } body.dmv2-chrome .main-content-wrapper .inuds-box:hover .styled-link-holder .styled-link .iright { transform: translateX(4px); } /* --- template-technology --- */ body.dmv2-chrome .main-content-wrapper section.tech-sec-2 { background: var(--bg-soft); } body.dmv2-chrome .main-content-wrapper .odd-even-list.lg .odd-even-box { padding: clamp(24px, 3vw, 44px) 0; } body.dmv2-chrome .main-content-wrapper .odd-even-list.lg .odd-even-box + .odd-even-box { border-top: 1px solid var(--bd); } body.dmv2-chrome .main-content-wrapper .odd-even-box .odd-even-img { border-radius: var(--r-xl); overflow: hidden; box-shadow: var(--shadow-md); border: 1px solid var(--bd); } body.dmv2-chrome .main-content-wrapper .odd-even-box .odd-even-img img { display: block; width: 100%; height: 100%; object-fit: cover; border-radius: inherit; transition: transform .4s ease; } body.dmv2-chrome .main-content-wrapper .odd-even-box:hover .odd-even-img img { transform: scale(1.03); } body.dmv2-chrome .main-content-wrapper .odd-even-box .odd-even-info { padding: 0 8px; } body.dmv2-chrome .main-content-wrapper .odd-even-box .odd-even-info .pageTitle.sm h2 { font-size: clamp(22px, 2.4vw, 30px); font-weight: 700; letter-spacing: -0.03em; margin-bottom: 12px; } body.dmv2-chrome .main-content-wrapper .odd-even-box .odd-even-info p { font-size: 16px; line-height: 1.7; color: var(--ink-muted); } body.dmv2-chrome .main-content-wrapper .tech-sec-2 .ul-listing > li { padding-bottom: 8px; } body.dmv2-chrome .main-content-wrapper .tech-sec-2 .ul-listing > li h6 { font-size: 17px; font-weight: 700; color: var(--ink-strong); letter-spacing: -0.02em; } body.dmv2-chrome .main-content-wrapper .tech-sec-2 .ul-listing > li p { font-size: 15px; line-height: 1.65; color: var(--ink-muted); } body.dmv2-chrome .main-content-wrapper .tech-box-holder { height: 100%; } body.dmv2-chrome .main-content-wrapper .tech-box-holder > a { display: block; height: 100%; text-decoration: none; color: inherit; } body.dmv2-chrome .main-content-wrapper .tech-box { display: flex; flex-direction: column; height: 100%; background: var(--bg-elevated); border: 1px solid var(--bd); border-radius: var(--r-xl); text-align: left; } body.dmv2-chrome .main-content-wrapper .tech-box-holder > a:hover .tech-box { transform: translateY(-3px); box-shadow: var(--shadow-md); border-color: var(--bd-strong); } body.dmv2-chrome .main-content-wrapper .tech-box .tech-icon { width: 56px; height: 56px; border-radius: var(--r-md); background: linear-gradient(135deg, var(--dm-indigo) 0%, var(--dm-indigo-deep) 100%); display: inline-flex; align-items: center; justify-content: center; margin-bottom: 22px; box-shadow: 0 8px 20px rgba(26,95,212,0.25); } body.dmv2-chrome .main-content-wrapper .tech-box .tech-icon figure { margin: 0; line-height: 0; } body.dmv2-chrome .main-content-wrapper .tech-box .tech-icon img { width: 28px; height: 28px; object-fit: contain; filter: brightness(0) invert(1); } body.dmv2-chrome .main-content-wrapper .tech-box .tech-info { display: flex; flex-direction: column; flex: 1 1 auto; } body.dmv2-chrome .main-content-wrapper .tech-box .tech-info h5 { font-size: 20px; font-weight: 700; letter-spacing: -0.02em; color: var(--ink-strong); margin-bottom: 10px; } body.dmv2-chrome .main-content-wrapper .tech-box .tech-desc p, body.dmv2-chrome .main-content-wrapper .tech-box .tech-desc { font-size: 14.5px; line-height: 1.6; color: var(--ink-muted); } body.dmv2-chrome .main-content-wrapper .tech-box .custom-button-holder { margin-top: auto; } body.dmv2-chrome .main-content-wrapper .tech-box .custom-button-holder span.custom-button { display: inline-flex; align-items: center; gap: 7px; height: auto; padding: 0; background: none; box-shadow: none; color: var(--action); font-weight: 600; font-size: 14.5px; } body.dmv2-chrome .main-content-wrapper .tech-box .custom-button-holder span.custom-button::after { content: "\2192"; transition: transform .2s ease; } body.dmv2-chrome .main-content-wrapper .tech-box-holder > a:hover .custom-button-holder span.custom-button { color: var(--action-hover); } body.dmv2-chrome .main-content-wrapper .tech-box-holder > a:hover .custom-button-holder span.custom-button::after { transform: translateX(4px); } body.dmv2-chrome .main-content-wrapper .tech-highlights-slider-holder .slider-slide { height: auto; padding: 6px; } body.dmv2-chrome .main-content-wrapper .tech-height-box { display: flex; flex-direction: column; height: 100%; background: var(--bg-elevated); border: 1px solid var(--bd); border-radius: var(--r-xl); text-align: left; } body.dmv2-chrome .main-content-wrapper .tech-height-box:hover { transform: translateY(-3px); box-shadow: var(--shadow-md); border-color: var(--bd-strong); } body.dmv2-chrome .main-content-wrapper .tech-height-box > a { display: flex; flex-direction: column; height: 100%; text-decoration: none; color: inherit; } body.dmv2-chrome .main-content-wrapper .tech-height-box .tech-height-icon { width: 52px; height: 52px; border-radius: var(--r-md); background: var(--bg-tint); display: inline-flex; align-items: center; justify-content: center; margin-bottom: 18px; overflow: hidden; } body.dmv2-chrome .main-content-wrapper .tech-height-box .tech-height-icon figure { margin: 0; line-height: 0; } body.dmv2-chrome .main-content-wrapper .tech-height-box .tech-height-icon img { width: 28px; height: 28px; object-fit: contain; } body.dmv2-chrome .main-content-wrapper .tech-height-box .tech-height-info h5 { font-size: 18px; font-weight: 700; letter-spacing: -0.02em; color: var(--ink-strong); margin-bottom: 10px; } body.dmv2-chrome .main-content-wrapper .tech-height-box .tech-height-info p { font-size: 14.5px; line-height: 1.6; color: var(--ink-muted); } body.dmv2-chrome .main-content-wrapper .tech-highlights-slider-holder .slick-arrow { width: 44px; height: 44px; border-radius: var(--r-pill); background: var(--bg-elevated); border: 1px solid var(--bd); box-shadow: var(--shadow-sm); color: var(--action); transition: background .18s, color .18s, box-shadow .18s, transform .18s; } body.dmv2-chrome .main-content-wrapper .tech-highlights-slider-holder .slick-arrow:hover { background: var(--action); color: #fff; box-shadow: 0 10px 24px rgba(26,95,212,0.22); transform: translateY(-1px); } /* --- template-thank-you --- */ body.dmv2-chrome .main-content-wrapper .thankyou-sec .float-div .container { padding-top: 32px; padding-bottom: 32px; } body.dmv2-chrome .main-content-wrapper .thankyou-content { padding: clamp(32px, 4vw, 56px); border-radius: var(--r-xl); background: linear-gradient(155deg, rgba(4,29,44,0.72) 0%, rgba(8,7,13,0.80) 100%); -webkit-backdrop-filter: blur(14px) saturate(150%); backdrop-filter: blur(14px) saturate(150%); border: 1px solid rgba(255,255,255,0.14); box-shadow: 0 28px 60px rgba(8,7,13,0.34), 0 4px 14px rgba(8,7,13,0.20); color: rgba(255,255,255,0.86); } body.dmv2-chrome .main-content-wrapper .thankyou-content h1 { font-size: clamp(36px, 4.6vw, 60px); font-weight: 800; letter-spacing: -0.04em; line-height: 1.04; color: #fff; } body.dmv2-chrome .main-content-wrapper .thankyou-content p, body.dmv2-chrome .main-content-wrapper .thankyou-content li { font-size: 17px; line-height: 1.65; color: rgba(255,255,255,0.82); } body.dmv2-chrome .main-content-wrapper .thankyou-content .custom-button-holder { margin-top: 28px; } body.dmv2-chrome .main-content-wrapper .thankyou-content .custom-button.button-secondary { background: #fff; color: var(--ink-strong); box-shadow: 0 10px 30px rgba(0,0,0,0.22); } body.dmv2-chrome .main-content-wrapper .thankyou-content .custom-button.button-secondary:hover { background: var(--dm-bg-tint); color: var(--ink-strong); transform: translateY(-2px); } @media (max-width: 767px) { body.dmv2-chrome .main-content-wrapper .thankyou-content { padding: 28px 22px; border-radius: var(--r-lg); } } /* --- template-whitepaper --- */ body.dmv2-chrome .main-content-wrapper .whitepaper.form-holder { background: var(--bg-elevated); border: 1px solid var(--bd); border-radius: var(--r-xl); box-shadow: var(--shadow-lg); padding: clamp(24px, 3vw, 40px); } body.dmv2-chrome .main-content-wrapper .whitepaper.form-holder .wpcf7 .pageTitle h2, body.dmv2-chrome .main-content-wrapper .whitepaper.form-holder h2, body.dmv2-chrome .main-content-wrapper .whitepaper.form-holder h3 { font-size: clamp(20px, 2vw, 26px); font-weight: 700; color: var(--ink-strong); margin-bottom: 14px; } body.dmv2-chrome .main-content-wrapper .whitepaper.form-holder .wpcf7-form p { margin-bottom: 14px; } body.dmv2-chrome .main-content-wrapper .whitepaper.form-holder .wpcf7 label { font-family: var(--dm-font); font-size: 13px; font-weight: 600; color: var(--ink-strong); letter-spacing: -0.1px; } body.dmv2-chrome .main-content-wrapper .whitepaper.form-holder .wpcf7 input[type=submit] { width: 100%; } body.dmv2-chrome .main-content-wrapper .white-paper-sec-1 .content-box { background: transparent; box-shadow: none; } body.dmv2-chrome .main-content-wrapper .white-paper-sec-1 .full-height-image img { border-radius: var(--r-xl); box-shadow: var(--shadow-md); width: 100%; object-fit: cover; } body.dmv2-chrome .main-content-wrapper .white-paper-sec-2 .pageTitle h2 { font-size: clamp(26px, 3vw, 40px); font-weight: 700; } body.dmv2-chrome .main-content-wrapper .quote-box { position: relative; background: var(--bg-elevated); border: 1px solid var(--bd); border-radius: var(--r-xl); box-shadow: var(--shadow-sm); padding: clamp(28px, 3vw, 44px); overflow: hidden; } body.dmv2-chrome .main-content-wrapper .quote-box:hover { transform: translateY(-3px); box-shadow: var(--shadow-md); } body.dmv2-chrome .main-content-wrapper .quote-box .quote { position: relative; line-height: 0.7; font-size: clamp(48px, 6vw, 72px); color: var(--action); opacity: 0.16; margin-bottom: 6px; } body.dmv2-chrome .main-content-wrapper .quote-box .pageTitle h2 { font-size: clamp(18px, 1.8vw, 24px); font-weight: 700; color: var(--ink-strong); letter-spacing: -0.02em; } body.dmv2-chrome .main-content-wrapper .quote-box p { font-size: 16px; line-height: 1.7; } body.dmv2-chrome .main-content-wrapper .quote-box .auth-name { margin-top: 18px; padding-top: 16px; border-top: 1px solid var(--bd); color: var(--ink-muted); font-size: 15px; } body.dmv2-chrome .main-content-wrapper .quote-box .auth-name strong { color: var(--ink-strong); font-weight: 700; } body.dmv2-chrome .main-content-wrapper .speaker-box { background: var(--bg-elevated); border: 1px solid var(--bd); border-radius: var(--r-xl); box-shadow: var(--shadow-sm); padding-bottom: 24px; } body.dmv2-chrome .main-content-wrapper .speaker-box:hover { transform: translateY(-4px); box-shadow: var(--shadow-lg); } body.dmv2-chrome .main-content-wrapper .speaker-box .speaker-img figure, body.dmv2-chrome .main-content-wrapper .speaker-box .speaker-img img { width: 100%; display: block; } body.dmv2-chrome .main-content-wrapper .speaker-box .speaker-info h6 { font-size: 18px; font-weight: 700; color: var(--ink-strong); letter-spacing: -0.02em; } body.dmv2-chrome .main-content-wrapper .speaker-box .speaker-info p { font-size: 14px; color: var(--ink-muted); margin: 0; } body.dmv2-chrome .main-content-wrapper .speaker-box .social-link-holder { display: inline-flex; gap: 8px; } body.dmv2-chrome .main-content-wrapper .speaker-box .social-link { display: inline-flex; align-items: center; justify-content: center; width: 38px; height: 38px; border-radius: var(--r-pill); background: var(--dm-bg-tint); color: var(--action); font-size: 15px; transition: background .18s, color .18s, transform .18s; } body.dmv2-chrome .main-content-wrapper .speaker-box .social-link:hover { background: var(--action); color: #fff; transform: translateY(-2px); } body.dmv2-chrome .main-content-wrapper .speaker-box .desktop-social .social-link { background: rgba(255,255,255,0.85); backdrop-filter: blur(6px); box-shadow: var(--shadow-sm); } body.dmv2-chrome .main-content-wrapper .latest-slider-holder .gridbox2 { background: var(--bg-elevated); border: 1px solid var(--bd); border-radius: var(--r-xl); box-shadow: var(--shadow-sm); transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease; } body.dmv2-chrome .main-content-wrapper .latest-slider-holder .gridbox2:hover { transform: translateY(-4px); box-shadow: var(--shadow-lg); border-color: var(--bd-strong); } body.dmv2-chrome .main-content-wrapper .news-box .news-box-img { position: relative; overflow: hidden; } body.dmv2-chrome .main-content-wrapper .news-box .news-box-img img { width: 100%; transition: transform .4s ease; } body.dmv2-chrome .main-content-wrapper .gridbox2:hover .news-box .news-box-img img { transform: scale(1.05); } body.dmv2-chrome .main-content-wrapper .news-box .news-category { position: absolute; top: 14px; left: 14px; z-index: 2; } body.dmv2-chrome .main-content-wrapper .news-box .news-category span { display: inline-block; padding: 6px 14px; border-radius: var(--r-pill); background: var(--action); color: #fff; font-family: var(--dm-font); font-size: 12px; font-weight: 600; letter-spacing: -0.1px; } body.dmv2-chrome .main-content-wrapper .news-box .news-box-info-holder { padding: 22px 24px 26px; } body.dmv2-chrome .main-content-wrapper .news-box .news-box-title h6 { font-size: 18px; font-weight: 700; color: var(--ink-strong); letter-spacing: -0.02em; line-height: 1.3; } body.dmv2-chrome .main-content-wrapper .news-box .news-box-info p { font-size: 15px; line-height: 1.6; color: var(--ink-muted); } body.dmv2-chrome .main-content-wrapper .news-box .news-box-date p { font-size: 13px; color: var(--ink-muted); margin: 0; } body.dmv2-chrome .main-content-wrapper .news-box-holder a:hover .news-box-title h6 { color: var(--action); }