/** * Digital Kreativ — "Våre tjenester" section. * All text, media and links are native Elementor widgets; scoped CSS only. */ .dk-services-section,.dk-services-section *,.dk-services-section *::before,.dk-services-section *::after{box-sizing:border-box} .dk-services-section{ --dks-aqua:#3edfd0;--dks-white:#f7fbfa;--dks-bg:#000706; isolation:isolate;position:relative;overflow:hidden; width:100%;max-width:none!important;margin:0!important; background:#000706;color:var(--dks-white); font-family:'Poppins',Arial,sans-serif!important; } .dk-services-section::before{ content:"";position:absolute;z-index:0;pointer-events:none; left:-12%;bottom:-16%;width:min(60vw,790px);height:95%; background:url("../textures/services-network.svg") left bottom / contain no-repeat; opacity:.57; } .dk-services-section::after{ content:"";position:absolute;z-index:0;pointer-events:none;inset:0; background:linear-gradient(90deg,rgba(0,13,13,.04),transparent 53%); } .dk-services-section>.e-con-inner,.dk-services-section>.elementor-container{position:relative;z-index:1} .dk-services-section .dk-services-layout{ position:relative;z-index:1; width:100%;max-width:1280px;margin:0 auto; display:grid!important;grid-template-columns:minmax(0,.83fr) minmax(0,1.17fr); column-gap:clamp(30px,5vw,86px); align-items:center;min-width:0;padding:82px 40px 90px; } .dk-services-section .dk-services-intro{display:flex;flex-direction:column;align-items:flex-start;max-width:440px;gap:0;min-width:0} .dk-services-section .dk-services-kicker{width:auto!important;max-width:max-content;margin:0 0 29px!important} .dk-services-section .dk-services-kicker .elementor-heading-title{ display:inline-flex;align-items:center;justify-content:center; border-radius:99px;border:1px solid rgba(62,223,208,.8); min-height:31px;padding:7px 19px; font:700 11px/1.25 'Poppins',Arial,sans-serif!important; letter-spacing:.045em;color:#e2f4f3!important; background:rgba(0,19,17,.28); } .dk-services-section .dk-services-title-a, .dk-services-section .dk-services-title-b{margin:0!important} .dk-services-section .dk-services-title-a .elementor-heading-title{ font:700 clamp(27px,2.65vw,40px)/1.14 'Playfair Display',Georgia,'Times New Roman',serif!important; letter-spacing:-.025em;color:#fff!important; } .dk-services-section .dk-services-title-b .elementor-heading-title{ font:700 clamp(35px,3.3vw,49px)/1.13 'Playfair Display',Georgia,'Times New Roman',serif!important; letter-spacing:-.025em;color:var(--dks-aqua)!important; } .dk-services-section .dk-services-description{ margin:25px 0 27px!important;max-width:390px;color:#cfddda; } .dk-services-section .dk-services-description p{ font:400 14px/1.88 'Poppins',Arial,sans-serif!important; margin:0!important;color:#d3dedc!important; } .dk-services-section .dk-services-all{width:auto!important} .dk-services-section .dk-services-all .elementor-button{ display:inline-flex;align-items:center;justify-content:center; background:rgba(0,15,14,.3)!important; border:1px solid rgba(210,242,238,.75)!important; border-radius:999px!important;min-height:45px; padding:11px 24px!important;color:#f7ffff!important; font:600 13px/1.3 'Poppins',Arial,sans-serif!important; transition:background .22s,border-color .22s,transform .22s; } .dk-services-section .dk-services-all .elementor-button::after{ content:'›';margin-left:32px;font:400 23px/0.5 'Poppins',Arial,sans-serif!important; } .dk-services-section .dk-services-all .elementor-button:hover{ color:#03211e!important;background:#3edfd0!important;border-color:#3edfd0!important;transform:translateY(-2px); } .dk-services-section .dk-services-grid{ display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px 20px;align-items:stretch;min-width:0; } .dk-services-section .dk-service-card{ --dk-card-surface:#070a0a; position:relative;display:flex;flex-direction:column; border-radius:18px;min-width:0;overflow:hidden; border:1px solid rgba(62,223,208,.53); background:var(--dk-card-surface); box-shadow:0 10px 27px rgba(0,0,0,.5),0 0 22px rgba(24,207,194,.13); transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease,background-color .2s ease; } .dk-services-section .dk-service-card:first-child{--dk-card-surface:#070a0a} .dk-services-section .dk-service-card:hover, .dk-services-section .dk-service-card:focus-within{ background-color:#123e35; transform:translateY(-4px);border-color:rgba(62,223,208,.93); box-shadow:0 14px 34px rgba(0,0,0,.56),0 0 25px rgba(35,221,202,.21); } .dk-services-section .dk-service-image{ width:100%;height:174px;flex:0 0 174px; overflow:hidden;min-width:0;margin:0!important; border-radius:16px 16px 11px 11px; border-bottom:1px solid rgba(62,223,208,.6); position:relative; } .dk-services-section .dk-service-image>.elementor-widget-container{height:100%!important;width:100%!important;overflow:hidden} .dk-services-section .dk-service-image a{display:block;width:100%;height:100%;overflow:hidden} .dk-services-section .dk-service-image img{ display:block!important;width:100%!important;max-width:none!important; height:100%!important;object-fit:cover!important;object-position:center!important; border-radius:0!important;transition:transform .28s ease; } .dk-services-section .dk-service-card:hover .dk-service-image img{transform:scale(1.035)} .dk-services-section .dk-service-card-body{ display:flex;flex-direction:column;align-items:flex-start;position:relative; min-height:112px;flex:1;padding:19px 17px 18px;gap:0; } .dk-services-section .dk-service-icon{ position:absolute;top:-35px;left:16px; z-index:2;width:43px;height:43px; display:flex;align-items:center;justify-content:center; border:1px solid rgba(62,223,208,.65); border-radius:10px;background:#138f86; box-shadow:0 3px 12px rgba(0,0,0,.32); margin:0!important; } .dk-services-section .dk-service-icon .elementor-widget-container{display:flex;align-items:center;justify-content:center} .dk-services-section .dk-service-icon .elementor-icon{ color:#d8fffa!important;fill:#d8fffa!important; font-size:21px!important; } .dk-services-section .dk-service-icon .elementor-icon svg{width:21px!important;height:21px!important;fill:currentColor!important} .dk-services-section .dk-service-heading{margin:0 0 9px!important;padding-right:36px} .dk-services-section .dk-service-heading .elementor-heading-title, .dk-services-section .dk-service-heading .elementor-heading-title a{ font:700 15px/1.3 'Poppins',Arial,sans-serif!important; text-decoration:none!important;color:#fff!important; } .dk-services-section .dk-service-heading .elementor-heading-title a:hover{color:#3edfd0!important} .dk-services-section .dk-service-summary{max-width:95%;margin:0!important;padding-right:31px} .dk-services-section .dk-service-summary p{ margin:0!important; font:400 12px/1.65 'Poppins',Arial,sans-serif!important; color:#c1cdca!important; } .dk-services-section .dk-service-arrow{ position:absolute;right:15px;bottom:16px; width:30px;height:39px;margin:0!important; } .dk-services-section .dk-service-arrow .elementor-button{ display:flex!important;align-items:center;justify-content:center; min-width:29px;width:29px;height:39px;min-height:39px; padding:0!important;margin:0!important; border:none!important;border-radius:99px!important; background:#3edfd0!important;color:#002d28!important; font-size:0!important;box-shadow:0 0 11px rgba(62,223,208,.18); } .dk-services-section .dk-service-arrow .elementor-button::before{content:'›';font:700 23px/1 'Poppins',Arial,sans-serif!important} .dk-services-section .dk-service-arrow .elementor-button:hover{background:#fff!important} .dk-services-section :is(a,button):focus-visible{outline:2px solid #3edfd0!important;outline-offset:4px!important} @media(max-width:1100px){ .dk-services-section .dk-services-layout{grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:31px;padding:65px 30px 78px} .dk-services-section .dk-services-grid{gap:17px} .dk-services-section .dk-service-image{height:151px;flex-basis:151px} .dk-services-section .dk-service-card-body{min-height:119px;padding:17px 13px} .dk-services-section .dk-service-summary p{font-size:11px!important} .dk-services-section .dk-service-heading .elementor-heading-title{font-size:13.5px!important} .dk-services-section .dk-service-arrow{right:11px;bottom:13px} } @media(max-width:880px){ .dk-services-section .dk-services-layout{grid-template-columns:1fr;gap:38px;padding:61px 28px 74px} .dk-services-section .dk-services-intro{max-width:610px} .dk-services-section .dk-services-kicker{margin-bottom:18px!important} .dk-services-section .dk-services-description{margin:20px 0!important;max-width:550px} .dk-services-section .dk-services-grid{width:100%;max-width:790px;justify-self:center;gap:20px} .dk-services-section .dk-service-image{height:190px;flex-basis:190px} .dk-services-section .dk-service-card-body{min-height:114px;padding:20px 17px 19px} .dk-services-section .dk-service-heading .elementor-heading-title{font-size:15px!important} .dk-services-section .dk-service-summary p{font-size:12px!important} .dk-services-section::before{left:-35%;bottom:-6%;width:88vw;height:75%;opacity:.5} } @media(max-width:570px){ .dk-services-section .dk-services-layout{padding:49px 18px 67px;gap:30px} .dk-services-section .dk-services-title-a .elementor-heading-title{font-size:29px!important} .dk-services-section .dk-services-title-b .elementor-heading-title{font-size:37px!important} .dk-services-section .dk-services-description p{font-size:13px!important} .dk-services-section .dk-services-grid{grid-template-columns:1fr 1fr;gap:12px} .dk-services-section .dk-service-card{border-radius:13px} .dk-services-section .dk-service-image{height:120px;flex-basis:120px;border-radius:12px 12px 8px 8px} .dk-services-section .dk-service-card-body{min-height:135px;padding:15px 11px 14px} .dk-services-section .dk-service-icon{width:30px;height:30px;top:-28px;left:11px;border-radius:8px} .dk-services-section .dk-service-icon .elementor-icon{font-size:16px!important} .dk-services-section .dk-service-icon .elementor-icon svg{width:16px!important;height:16px!important} .dk-services-section .dk-service-heading{padding-right:0;margin:0 0 8px!important} .dk-services-section .dk-service-heading .elementor-heading-title{font-size:12px!important;line-height:1.3!important} .dk-services-section .dk-service-summary{padding-right:15px;max-width:100%} .dk-services-section .dk-service-summary p{font-size:10px!important;line-height:1.5!important} .dk-services-section .dk-service-arrow{right:8px;bottom:8px;width:23px;height:30px} .dk-services-section .dk-service-arrow .elementor-button{width:23px;min-width:23px;height:30px;min-height:30px} .dk-services-section .dk-service-arrow .elementor-button::before{font-size:19px!important} .dk-services-section::before{width:115vw;left:-41%;opacity:.5} } @media(max-width:360px){ .dk-services-section .dk-services-layout{padding-inline:14px} .dk-services-section .dk-services-grid{gap:9px} .dk-services-section .dk-service-image{height:104px;flex-basis:104px} .dk-services-section .dk-service-card-body{min-height:149px;padding:14px 9px 10px} .dk-services-section .dk-service-heading .elementor-heading-title{font-size:11px!important} .dk-services-section .dk-service-summary p{font-size:9.5px!important} .dk-services-section .dk-service-arrow{right:6px;bottom:7px} } @media(prefers-reduced-motion:reduce){.dk-services-section .dk-service-card,.dk-services-section .dk-service-image img,.dk-services-section .dk-services-all .elementor-button{transition:none!important}} /* SERVICE_CARD_INTERACTION_V2 — reference-accurate interactive treatment. Hover for pointer devices; focus-within supplies equivalent keyboard state. Reusable with every Elementor card, without altering its editable content. */ .dk-services-section .dk-service-card { cursor:default; transform:translate3d(0,0,0); will-change:auto; } .dk-services-section .dk-service-image::after { content:""; position:absolute;inset:0;z-index:1; pointer-events:none; opacity:0; background:linear-gradient(115deg,transparent 18%,rgba(72,255,227,.18) 48%,transparent 78%); transform:translateX(-105%); transition:opacity .32s ease,transform .55s ease; } .dk-services-section .dk-service-card .dk-service-image, .dk-services-section .dk-service-card .dk-service-icon, .dk-services-section .dk-service-card .dk-service-arrow .elementor-button, .dk-services-section .dk-service-card .dk-service-heading .elementor-heading-title a { transition:transform .26s ease,background-color .26s ease,color .26s ease,box-shadow .26s ease; } .dk-services-section .dk-service-card:focus-within { transform:translateY(-4px); border-color:#3edfd0; box-shadow:0 18px 40px rgba(0,0,0,.63),0 0 0 1px rgba(62,223,208,.4),0 0 35px rgba(62,223,208,.31); } .dk-services-section .dk-service-card:focus-within .dk-service-image img { transform:scale(1.06); } .dk-services-section .dk-service-card:focus-within .dk-service-heading .elementor-heading-title a { color:#3edfd0!important; } .dk-services-section .dk-service-card:focus-within .dk-service-icon{ transform:translateY(-3px); background-color:#20b8ac; box-shadow:0 0 0 2px rgba(62,223,208,.32),0 5px 19px rgba(0,0,0,.33); } .dk-services-section .dk-service-card:focus-within .dk-service-arrow .elementor-button { background:#fff!important;color:#003a35!important; box-shadow:0 0 0 2px rgba(62,223,208,.25),0 0 17px rgba(62,223,208,.58); } @media (hover:hover) and (pointer:fine) { .dk-services-section .dk-service-card:hover { transform:translateY(-5px); border-color:#3edfd0; box-shadow:0 18px 40px rgba(0,0,0,.63),0 0 0 1px rgba(62,223,208,.4),0 0 35px rgba(62,223,208,.31); } .dk-services-section .dk-service-card:hover .dk-service-image::after { opacity:1;transform:translateX(105%); } .dk-services-section .dk-service-card:hover .dk-service-image img { transform:scale(1.06); } .dk-services-section .dk-service-card:hover .dk-service-heading .elementor-heading-title a { color:#3edfd0!important; } .dk-services-section .dk-service-card:hover .dk-service-icon { transform:translateY(-3px);background-color:#20b8ac; box-shadow:0 0 0 2px rgba(62,223,208,.32),0 5px 19px rgba(0,0,0,.33); } .dk-services-section .dk-service-card:hover .dk-service-arrow .elementor-button { background:#fff!important;color:#003a35!important; box-shadow:0 0 0 2px rgba(62,223,208,.25),0 0 17px rgba(62,223,208,.58); } } @media (hover:none) { .dk-services-section .dk-service-card:active { border-color:#3edfd0; background-color:#10332f; } } @media(max-width:440px) { /* Two 150px cards made descriptions unreadable at 320px. Use readable, image-led full-width cards instead, while retaining 2 columns on tablets. */ .dk-services-section .dk-services-grid { grid-template-columns:minmax(0,1fr);gap:17px; } .dk-services-section .dk-services-layout {padding:49px 18px 64px;gap:30px;} .dk-services-section .dk-service-card {border-radius:16px;} .dk-services-section .dk-service-image { height:184px;flex-basis:184px;border-radius:15px 15px 9px 9px; } .dk-services-section .dk-service-card-body { min-height:116px; padding:18px 18px 22px; } .dk-services-section .dk-service-icon { width:40px;height:40px;top:-33px;left:16px;border-radius:9px; } .dk-services-section .dk-service-icon .elementor-icon{font-size:20px!important;} .dk-services-section .dk-service-icon .elementor-icon svg{width:20px!important;height:20px!important;} .dk-services-section .dk-service-heading{margin-bottom:8px!important;padding-right:42px;} .dk-services-section .dk-service-heading .elementor-heading-title, .dk-services-section .dk-service-heading .elementor-heading-title a { font-size:15px!important;line-height:1.3!important; } .dk-services-section .dk-service-summary {padding-right:45px;max-width:100%;} .dk-services-section .dk-service-summary p {font-size:12px!important;line-height:1.55!important;} .dk-services-section .dk-service-arrow{right:15px;bottom:17px;width:44px;height:44px;} .dk-services-section .dk-service-arrow .elementor-button{ min-width:44px;width:44px;min-height:44px;height:44px; } .dk-services-section .dk-service-arrow .elementor-button::before{font-size:24px!important;} } @media(max-width:360px){ .dk-services-section .dk-services-layout{padding-inline:15px} .dk-services-section .dk-services-grid{gap:16px} .dk-services-section .dk-service-image{height:166px;flex-basis:166px} .dk-services-section .dk-service-card-body{min-height:120px;padding:17px 15px 19px} .dk-services-section .dk-service-heading .elementor-heading-title, .dk-services-section .dk-service-heading .elementor-heading-title a{font-size:14px!important} .dk-services-section .dk-service-summary p{font-size:11.5px!important} .dk-services-section .dk-service-arrow{right:12px;bottom:14px} } @media(prefers-reduced-motion:reduce){ .dk-services-section .dk-service-card, .dk-services-section .dk-service-card *, .dk-services-section .dk-service-card *::after { animation:none!important;transition:none!important;transform:none!important; } } /* VÅRE TJENESTER — presenter image #250. Desktop/laptop: treat the transparent PNG as a decorative background-style layer in the lower-right of the intro column, visually close to the cards. The figure never owns pointer events and is hidden below 1024px. */ .dk-services-section .dk-services-intro{ position:relative!important; align-self:stretch!important; min-height:0!important; justify-content:flex-start!important; overflow:visible!important; isolation:isolate!important; z-index:3!important; padding-bottom:255px!important; } .dk-services-section .dk-services-intro > .elementor-widget:not(.dk-services-person){ position:relative!important; z-index:2!important; } .dk-services-section .dk-services-intro .dk-services-description{ max-width:100%!important; } .dk-services-section .dk-services-grid{ position:relative!important; z-index:2!important; } .dk-services-section .dk-services-person{ position:absolute!important; z-index:1!important; /* Pull the presenter 95px left, away from the first service-card column and its overlay icon/text; preserve image size and baseline. The 1024–1100px tablet override below remains unchanged. */ right:-65px!important; left:auto!important; top:auto!important; bottom:-4px!important; margin:0!important; padding:0!important; width:min(92%,385px)!important; max-width:385px!important; height:auto!important; pointer-events:none!important; user-select:none!important; } .dk-services-section .dk-services-person .elementor-widget-container{ width:100%!important; height:auto!important; margin:0!important; overflow:visible!important; background:transparent!important; pointer-events:none!important; } .dk-services-section .dk-services-person img{ display:block!important; width:100%!important; max-width:100%!important; height:auto!important; aspect-ratio:auto!important; object-fit:contain!important; object-position:center bottom!important; border:0!important; border-radius:0!important; background:transparent!important; box-shadow:none!important; pointer-events:none!important; transform:translateX(0) scale(1.02)!important; transform-origin:right bottom!important; } /* * Homepage Våre Tjenester — desktop type and CTA consistency pass. * The Figma image cannot currently be re-read (Starter MCP call limit). * These changes correct demonstrable inherited typography conflicts and use * the already approved homepage fonts, accent and SVG chevron; the Elementor * text, photos, links, hover interactions, and mobile rules stay editable. */ @media (min-width: 1101px) { body.page-id-78 .dk-services-section .dk-services-layout { max-width: 1280px; align-items: center; } /* Override the site-wide heading-family rule for this Poppins eyebrow. */ body:not(#dk-font-override).page-id-78 .dk-services-section .dk-services-kicker .elementor-heading-title { font-family: 'Poppins', Arial, sans-serif !important; font-size: 16.6667px !important; font-weight: 400 !important; line-height: 1.1 !important; letter-spacing: .065px !important; min-height: 38px; padding: 9px 25px !important; } /* Preserve the two independent editable Elementor heading widgets. */ body:not(#dk-font-override).page-id-78 .dk-services-section .dk-services-title-a .elementor-heading-title { font-family: 'Playfair Display', Georgia, serif !important; font-size: clamp(32px, 2.7778vw, 41.6667px) !important; font-weight: 700 !important; line-height: 1.2 !important; letter-spacing: 0 !important; color: #ffffff !important; } body:not(#dk-font-override).page-id-78 .dk-services-section .dk-services-title-b .elementor-heading-title { font-family: 'Playfair Display', Georgia, serif !important; font-size: clamp(38px, 3.3333vw, 50px) !important; font-weight: 700 !important; line-height: 1.2 !important; letter-spacing: 0 !important; color: #3edfd0 !important; } body.page-id-78 .dk-services-section .dk-services-description p { font-family: 'Poppins', Arial, sans-serif !important; font-size: 16.6667px !important; font-weight: 400 !important; line-height: 1.65 !important; letter-spacing: 0 !important; } body.page-id-78 .dk-services-section .dk-services-all .elementor-button { display: inline-flex !important; align-items: center; justify-content: space-between; width: 201px; min-height: 48px; padding: 0 23px 0 24px !important; border-radius: 999px !important; font-family: 'Poppins', Arial, sans-serif !important; font-size: 16.6667px !important; font-weight: 400 !important; line-height: 1 !important; letter-spacing: .065px !important; } body.page-id-78 .dk-services-section .dk-services-all .elementor-button::after { content: '' !important; display: block; width: 6px; height: 10px; flex: 0 0 6px; margin: 0 !important; font-size: 0 !important; line-height: 0 !important; background: url("https://www.digitalkreativ.no/wp-content/uploads/2026/10/Digital-Kreativ-Figma-Hero-CTA-Chevron-White.svg") center / 6px 10px no-repeat; } body.page-id-78 .dk-services-section .dk-services-all .elementor-button:hover::after { background-image: url("https://www.digitalkreativ.no/wp-content/uploads/2026/10/Digital-Kreativ-Figma-Hero-CTA-Chevron-Dark.svg"); } /* Card headings must be Poppins rather than the globally enforced serif. */ body:not(#dk-font-override).page-id-78 .dk-services-section .dk-service-heading .elementor-heading-title, body:not(#dk-font-override).page-id-78 .dk-services-section .dk-service-heading .elementor-heading-title a { font-family: 'Poppins', Arial, sans-serif !important; font-size: 16px !important; font-weight: 700 !important; line-height: 1.4 !important; letter-spacing: 0 !important; } body.page-id-78 .dk-services-section .dk-service-summary p { font-family: 'Poppins', Arial, sans-serif !important; font-size: 14px !important; font-weight: 400 !important; line-height: 1.58 !important; letter-spacing: 0 !important; } } /* 1024–1100px: keep the figure, but pull it back so the hand remains visibly clear of the service-card boundary. */ @media(min-width:1024px) and (max-width:1100px){ .dk-services-section .dk-services-intro{ padding-bottom:215px!important; } .dk-services-section .dk-services-person{ right:-62px!important; bottom:-6px!important; width:min(78%,295px)!important; max-width:295px!important; } .dk-services-section .dk-services-person img{ transform:translateX(0) scale(1.01)!important; } } /* * FORSIDE — VÅRE TJENESTER * Exact measurements/styles extracted from the uploaded layered PSD * "Digital kreative website design Final(4).psd" (1500 × 5257). * * PSD section: y=1005..1897 * layout x=104..1395, top/bottom padding=88/89 * left column=556, column gap=38, cards grid=697 * cards=329×340, grid gaps=39×35, image masks=329×219 * card radius=23, stroke=1px #3EDFD0 at effective 50% * background smart object=-202,1272,868×1012 at 77/255 opacity. * * Between 1024px and 1500px the PSD geometry scales proportionally with * viewport width. Above 1500px it holds the original artboard dimensions. */ @media (min-width: 1024px) { body.page-id-78 .dk-services-section { background: #000000 !important; overflow: hidden !important; } body.page-id-78 .dk-services-section::before { content: "" !important; position: absolute !important; z-index: 0 !important; pointer-events: none !important; left: max(-202px, -13.4666667vw) !important; top: min(267px, 17.8vw) !important; width: min(868px, 57.8666667vw) !important; height: min(1012px, 67.4666667vw) !important; background-image: url("https://www.digitalkreativ.no/wp-content/uploads/2026/10/Digital-Kreativ-turkis-symbol-uten-bakgrunn.svg") !important; background-repeat: no-repeat !important; background-position: left top !important; background-size: 100% 100% !important; opacity: .302 !important; } body.page-id-78 .dk-services-section::after { content: "" !important; position: absolute !important; inset: 0 !important; z-index: 0 !important; pointer-events: none !important; background: linear-gradient(90deg, rgba(0, 0, 0, .62) 0%, rgba(0, 5, 5, .50) 34%, rgba(0, 7, 7, .28) 58%, rgba(0, 0, 0, .08) 100% ), linear-gradient(180deg, rgba(0, 0, 0, .10) 0%, rgba(0, 12, 12, .14) 100% ) !important; } body.page-id-78 .dk-services-section .dk-services-layout { position: relative !important; z-index: 1 !important; display: grid !important; width: 100% !important; max-width: 1500px !important; margin: 0 auto !important; padding: min(88px, 5.8666667vw) min(105px, 7vw) min(89px, 5.9333333vw) min(104px, 6.9333333vw) !important; grid-template-columns: min(556px, 37.0666667vw) min(697px, 46.4666667vw) !important; column-gap: min(38px, 2.5333333vw) !important; row-gap: 0 !important; align-items: start !important; justify-content: start !important; } body.page-id-78 .dk-services-section .dk-services-intro { position: relative !important; width: min(556px, 37.0666667vw) !important; max-width: none !important; margin: 0 !important; align-self: stretch !important; align-items: flex-start !important; /* Owner-requested presenter is preserved; PSD measurements below do not remove or replace Image-update-01.png. */ padding-bottom: min(255px, 17vw) !important; } body.page-id-78 .dk-services-section .dk-services-person { display: block !important; } body.page-id-78 .dk-services-section .dk-services-kicker { width: min(196px, 13.0666667vw) !important; max-width: none !important; height: min(42px, 2.8vw) !important; margin: 0 0 min(42px, 2.8vw) max(-3px, -.2vw) !important; } body:not(#dk-font-override).page-id-78 .dk-services-section .dk-services-kicker .elementor-heading-title { width: 100% !important; height: 100% !important; min-height: 0 !important; padding: 0 !important; display: flex !important; align-items: center !important; justify-content: center !important; border: 1px solid #3edfd0 !important; border-radius: min(19.3201px, 1.2880067vw) !important; background: rgb(0 12 17 / 1) !important; color: #ffffff !important; font-family: 'Poppins', Arial, sans-serif !important; font-size: min(16.66667px, 1.1111113vw) !important; font-weight: 400 !important; line-height: 1 !important; letter-spacing: 0 !important; white-space: nowrap !important; } body.page-id-78 .dk-services-section .dk-services-title-a, body.page-id-78 .dk-services-section .dk-services-title-b { width: 100% !important; margin: 0 !important; padding: 0 !important; } body:not(#dk-font-override).page-id-78 .dk-services-section .dk-services-title-a .elementor-heading-title { margin: 0 !important; color: #ffffff !important; font-family: 'Playfair Display', Georgia, serif !important; font-size: min(33.33333px, 2.222222vw) !important; font-weight: 700 !important; line-height: min(60px, 4vw) !important; letter-spacing: 0 !important; white-space: nowrap !important; } body:not(#dk-font-override).page-id-78 .dk-services-section .dk-services-title-b .elementor-heading-title { margin: 0 !important; color: #3edfd0 !important; font-family: 'Playfair Display', Georgia, serif !important; font-size: min(50px, 3.3333333vw) !important; font-weight: 700 !important; line-height: min(60px, 4vw) !important; letter-spacing: 0 !important; white-space: nowrap !important; } body.page-id-78 .dk-services-section .dk-services-description { width: min(479px, 31.9333333vw) !important; max-width: none !important; margin: min(29px, 1.9333333vw) 0 min(43px, 2.8666667vw) min(2px, .1333333vw) !important; padding: 0 !important; } body.page-id-78 .dk-services-section .dk-services-description p { margin: 0 !important; color: #fffefe !important; font-family: 'Poppins', Arial, sans-serif !important; font-size: min(16.66667px, 1.1111113vw) !important; font-weight: 400 !important; line-height: min(33.33333px, 2.222222vw) !important; letter-spacing: 0 !important; } body.page-id-78 .dk-services-section .dk-services-all { width: min(252px, 16.8vw) !important; height: min(55px, 3.6666667vw) !important; margin: 0 !important; } body.page-id-78 .dk-services-section .dk-services-all .elementor-button { width: 100% !important; height: 100% !important; min-height: 0 !important; padding: 0 min(26px, 1.7333333vw) 0 min(27px, 1.8vw) !important; display: inline-flex !important; align-items: center !important; justify-content: space-between !important; border: 1px solid #ffffff !important; border-radius: min(26px, 1.7333333vw) !important; background: transparent !important; box-shadow: none !important; color: #ffffff !important; font-family: 'Poppins', Arial, sans-serif !important; font-size: min(16.66667px, 1.1111113vw) !important; font-weight: 400 !important; line-height: 1 !important; letter-spacing: 0 !important; transform: none !important; } body.page-id-78 .dk-services-section .dk-services-all .elementor-button::after { content: '' !important; display: block !important; width: min(10px, .6666667vw) !important; height: min(14px, .9333333vw) !important; flex: 0 0 auto !important; margin: 0 !important; background-image: url("https://www.digitalkreativ.no/wp-content/uploads/2026/10/Digital-Kreativ-Figma-Hero-CTA-Chevron-White.svg") !important; background-repeat: no-repeat !important; background-position: center !important; background-size: 100% 100% !important; font-size: 0 !important; line-height: 0 !important; } /* PSD stores turquoise as the shape fill while default fill is disabled. Use that fill for the interactive hover state. */ body.page-id-78 .dk-services-section .dk-services-all .elementor-button:hover, body.page-id-78 .dk-services-section .dk-services-all .elementor-button:focus-visible { background: #3edfd0 !important; border-color: #3edfd0 !important; color: #000000 !important; transform: none !important; box-shadow: none !important; } body.page-id-78 .dk-services-section .dk-services-all .elementor-button:hover::after, body.page-id-78 .dk-services-section .dk-services-all .elementor-button:focus-visible::after { background-image: url("https://www.digitalkreativ.no/wp-content/uploads/2026/10/Digital-Kreativ-Figma-Hero-CTA-Chevron-Dark.svg") !important; } body.page-id-78 .dk-services-section .dk-services-grid { display: grid !important; width: min(697px, 46.4666667vw) !important; max-width: none !important; margin: 0 !important; padding: 0 !important; grid-template-columns: repeat(2, min(329px, 21.9333333vw)) !important; grid-auto-rows: min(340px, 22.6666667vw) !important; column-gap: min(39px, 2.6vw) !important; row-gap: min(35px, 2.3333333vw) !important; align-items: start !important; justify-content: start !important; } body.page-id-78 .dk-services-section .dk-service-card { position: relative !important; width: min(329px, 21.9333333vw) !important; height: min(340px, 22.6666667vw) !important; min-height: 0 !important; max-height: none !important; display: flex !important; flex-direction: column !important; gap: 0 !important; --gap: 0px !important; --row-gap: 0px !important; --column-gap: 0px !important; /* Critical: the legacy card rule adds 10px padding. Figma/PSD has the photo flush to the card border and the 219+121 split already totals the complete 340px card height. */ padding: 0 !important; overflow: hidden !important; border: 1px solid rgb(62 223 208 / .5) !important; border-radius: min(23px, 1.5333333vw) !important; background: rgb(46 40 40 / .25) !important; box-shadow: 0 min(10px, .6666667vw) min(27px, 1.8vw) rgb(0 0 0 / .50), 0 0 min(22px, 1.4666667vw) rgb(24 207 194 / .13) !important; } body.page-id-78 .dk-services-section .dk-service-card:first-child { background: rgb(46 40 40 / .25) !important; } body.page-id-78 .dk-services-section .dk-service-card:hover, body.page-id-78 .dk-services-section .dk-service-card:focus-within { background: rgb(62 223 208 / .25) !important; } body.page-id-78 .dk-services-section .dk-service-image { position: relative !important; width: 100% !important; height: min(219px, 14.6vw) !important; min-height: 0 !important; flex: 0 0 min(219px, 14.6vw) !important; margin: 0 !important; overflow: hidden !important; border-radius: min(23px, 1.5333333vw) !important; border-bottom: 1px solid rgb(62 223 208 / .5) !important; } body.page-id-78 .dk-services-section .dk-service-image > .elementor-widget-container, body.page-id-78 .dk-services-section .dk-service-image a { width: 100% !important; height: 100% !important; display: block !important; overflow: hidden !important; } body.page-id-78 .dk-services-section .dk-service-image img { position: relative !important; z-index: 0 !important; display: block !important; width: 100% !important; max-width: none !important; height: 100% !important; object-fit: cover !important; object-position: center !important; border-radius: 0 !important; } /* All cards are neutral at rest; the aqua surface is interaction-only. */ body.page-id-78 .dk-services-section .dk-service-image::before { content: "" !important; position: absolute !important; inset: 0 !important; z-index: 2 !important; pointer-events: none !important; border-radius: inherit !important; background: rgb(46 40 40 / .25) !important; transition: background-color .2s ease !important; } body.page-id-78 .dk-services-section .dk-service-card:first-child .dk-service-image::before { background: rgb(46 40 40 / .25) !important; } body.page-id-78 .dk-services-section .dk-service-card:hover .dk-service-image::before, body.page-id-78 .dk-services-section .dk-service-card:focus-within .dk-service-image::before { background: rgb(62 223 208 / .25) !important; } /* PSD fourth-card photograph. */ body.page-id-78 .dk-services-section .dk-service-card:nth-child(4) .dk-service-image { background: url("https://www.digitalkreativ.no/wp-content/uploads/2026/10/john-FlPc9_VocJ4-unsplash.jpg") center / cover no-repeat !important; } body.page-id-78 .dk-services-section .dk-service-card:nth-child(4) .dk-service-image img { opacity: 0 !important; } body.page-id-78 .dk-services-section .dk-service-card-body { position: relative !important; width: 100% !important; /* Let the body consume the exact remainder after the 219px image. This accounts for the 1px outer border without increasing the 340px Figma card height, so the final text line cannot be clipped. */ height: auto !important; min-height: 0 !important; flex: 1 1 auto !important; display: flex !important; flex-direction: column !important; align-items: flex-start !important; gap: 0 !important; --gap: 0px !important; --row-gap: 0px !important; --column-gap: 0px !important; padding: min(13px, .8666667vw) min(20px, 1.3333333vw) min(16px, 1.0666667vw) min(22px, 1.4666667vw) !important; overflow: visible !important; } body.page-id-78 .dk-services-section .dk-service-icon { position: absolute !important; z-index: 3 !important; width: min(55px, 3.6666667vw) !important; height: min(55px, 3.6666667vw) !important; margin: 0 !important; padding: 0 !important; display: block !important; border: 0 !important; border-radius: min(12px, .8vw) !important; background-color: #106e65 !important; background-repeat: no-repeat !important; box-shadow: none !important; } /* Exact badge positions from the 1500px PSD artboard. */ body.page-id-78 .dk-services-section .dk-service-card:nth-child(1) .dk-service-icon, body.page-id-78 .dk-services-section .dk-service-card:nth-child(2) .dk-service-icon { top: max(-74px, -4.9333333vw) !important; } body.page-id-78 .dk-services-section .dk-service-card:nth-child(3) .dk-service-icon, body.page-id-78 .dk-services-section .dk-service-card:nth-child(4) .dk-service-icon { top: max(-72px, -4.8vw) !important; } body.page-id-78 .dk-services-section .dk-service-card:nth-child(1) .dk-service-icon, body.page-id-78 .dk-services-section .dk-service-card:nth-child(2) .dk-service-icon, body.page-id-78 .dk-services-section .dk-service-card:nth-child(4) .dk-service-icon { left: min(20px, 1.3333333vw) !important; } body.page-id-78 .dk-services-section .dk-service-card:nth-child(3) .dk-service-icon { left: min(19px, 1.2666667vw) !important; } body.page-id-78 .dk-services-section .dk-service-icon .elementor-icon { visibility: hidden !important; } /* Figma reference uses WHITE icon artwork on the #106e65 badge. Draw the original transparent PNGs as masks so their visible pixels inherit white without changing the teal badge background. */ body.page-id-78 .dk-services-section .dk-service-icon { background-image: none !important; background-color: #106e65 !important; overflow: hidden !important; } body.page-id-78 .dk-services-section .dk-service-icon::before { content: "" !important; position: absolute !important; display: block !important; background: #ffffff !important; -webkit-mask-repeat: no-repeat !important; mask-repeat: no-repeat !important; -webkit-mask-position: center !important; mask-position: center !important; -webkit-mask-size: contain !important; mask-size: contain !important; } body.page-id-78 .dk-services-section .dk-service-card:nth-child(1) .dk-service-icon::before { left: min(13px,.8666667vw) !important; top: min(15px,1vw) !important; width: min(31px,2.0666667vw) !important; height: min(25px,1.6666667vw) !important; -webkit-mask-image: url("https://www.digitalkreativ.no/wp-content/uploads/2026/10/pngtree-web-development-line-icon-vector-png-image_6630883-1.png") !important; mask-image: url("https://www.digitalkreativ.no/wp-content/uploads/2026/10/pngtree-web-development-line-icon-vector-png-image_6630883-1.png") !important; } body.page-id-78 .dk-services-section .dk-service-card:nth-child(2) .dk-service-icon::before { left: min(14px,.9333333vw) !important; top: min(11px,.7333333vw) !important; width: min(29px,1.9333333vw) !important; height: min(30px,2vw) !important; -webkit-mask-image: url("https://www.digitalkreativ.no/wp-content/uploads/2026/10/1997928.png") !important; mask-image: url("https://www.digitalkreativ.no/wp-content/uploads/2026/10/1997928.png") !important; } body.page-id-78 .dk-services-section .dk-service-card:nth-child(3) .dk-service-icon::before { left: min(13px,.8666667vw) !important; top: min(14px,.9333333vw) !important; width: min(31px,2.0666667vw) !important; height: min(31px,2.0666667vw) !important; -webkit-mask-image: url("https://www.digitalkreativ.no/wp-content/uploads/2026/10/4091459.png") !important; mask-image: url("https://www.digitalkreativ.no/wp-content/uploads/2026/10/4091459.png") !important; } body.page-id-78 .dk-services-section .dk-service-card:nth-child(4) .dk-service-icon::before { left: min(13px,.8666667vw) !important; top: min(12px,.8vw) !important; width: min(30px,2vw) !important; height: min(30px,2vw) !important; -webkit-mask-image: url("https://www.digitalkreativ.no/wp-content/uploads/2026/10/4201611.png") !important; mask-image: url("https://www.digitalkreativ.no/wp-content/uploads/2026/10/4201611.png") !important; } /* Retired exact-badge raster declarations kept below only as source fallback; their backgrounds are disabled by the rules above. */ body.page-id-78 .dk-services-section .dk-service-card:nth-child(1) .dk-service-icon { background-image: url("data:image/png;base64,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U29mdHdhcmUAQWRvYmUgUGhvdG9zaG9wIDI0LjYgKFdpbmRvd3MpBH1viQAAABx0RVh0ZXhpZjp0aHVtYm5haWw6Q29tcHJlc3Npb24ANvllcFcAAAAodEVYdGV4aWY6dGh1bWJuYWlsOkpQRUdJbnRlcmNoYW5nZUZvcm1hdAAzMDZCSa5EAAAALHRFWHRleGlmOnRodW1ibmFpbDpKUEVHSW50ZXJjaGFuZ2VGb3JtYXRMZW5ndGgAMNY9rcAAAAAfdEVYdGV4aWY6dGh1bWJuYWlsOlJlc29sdXRpb25Vbml0ADIlQF7TAAAAH3RFWHRleGlmOnRodW1ibmFpbDpYUmVzb2x1dGlvbgA3Mi8x2ocYLAAAAB90RVh0ZXhpZjp0aHVtYm5haWw6WVJlc29sdXRpb24ANzIvMXTvib0AAAASdEVYdGxhYmVsAFJlY3RhbmdsZSAyMbmS9lEAAAAVdEVYdHBob3Rvc2hvcDpDb2xvck1vZGUAM1YCs0AAAAAmdEVYdHBob3Rvc2hvcDpJQ0NQcm9maWxlAHNSR0IgSUVDNjE5NjYtMi4xHC9sCwAAACh0RVh0eG1wOkNyZWF0ZURhdGUAMjAyNi0xMC0yMFQxMjoyODo1MCswNTowMM/ZDvgAAAAudEVYdHhtcDpDcmVhdG9yVG9vbABBZG9iZSBQaG90b3Nob3AgMjQuNiAoV2luZG93cylkV6eXAAAAKnRFWHR4bXA6TWV0YWRhdGFEYXRlADIwMjYtMTAtMjJUMTk6Mzg6MTIrMDU6MDD1sTusAAAAKHRFWHR4bXA6TW9kaWZ5RGF0ZQAyMDI2LTEwLTIyVDE5OjM4OjEyKzA1OjAwyRVoEgAAAEt0RVh0eG1wTU06RG9jdW1lbnRJRABhZG9iZTpkb2NpZDpwaG90b3Nob3A6ZGJiNmIwMmYtZmJkMS1kNjQ0LThlYzAtNmVhYjJiN2M0MmNjrYFxHwAAAD10RVh0eG1wTU06SW5zdGFuY2VJRAB4bXAuaWlkOmE4ZWNjZWE5LWI3ZGMtZTc0YS1hZmJhLTBkZGYwZWIzNmY3ZanaB/AAAABFdEVYdHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRAB4bXAuZGlkOmE2OGU4OGE3LTkzNDktNDE0OS1iNDIzLTFkNDk2ZWNjNGVmZBYUptAAAAAASUVORK5CYII=") !important; } body.page-id-78 .dk-services-section .dk-service-card:nth-child(2) .dk-service-icon { background-image: url("data:image/png;base64,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AKACAAQAAAABAAAF3KADAAQAAAABAAAUiQAAAAAAAAAGAQMAAwAAAAEABgAAARoABQAAAAEAAAEiARsABQAAAAEAAAEqASgAAwAAAAEAAgAAAgEABAAAAAEAAAEyAgIABAAAAAEAAAAAAAAAAAAAAEgAAAABAAAASAAAAAGzEWKMAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDI2LTEwLTI5VDE1OjA2OjUwKzAwOjAw15O1awAAACV0RVh0ZGF0ZTptb2RpZnkAMjAyNi0xMC0yOVQxNTowNjo1MCswMDowMKbODdcAAAAodEVYdGRhdGU6dGltZXN0YW1wADIwMjY2LTEwLTI5VDE1OjA2OjUyKzAwOjAwZkQ9IQAAACl0RVh0ZGM6Zm9ybWF0AGFwcGxpY2F0aW9uL3ZuZC5hZG9iZS5waG90b3Nob3DkrZ9UAAAAEXRFWHRleGlmOkNvbG9yU3BhY2UAMQ+bAkkAAAAhdEVYdGV4aWY6RGF0ZVRpbWUAMjAyNjoxMDoyMiAxOTozODoxMiM/BGkAAAATdEVYdGV4aWY6RXhpZk9mZnNldAAxNjjFzWc/AAAAGXRFWHRleGlmOlBpeGVsWERpbWVuc2lvbgAxNTAwwVUybwAAABl0RVh0ZXhpZjpQaXhlbFlEaW1lbnNpb24ANTI1NxGQCbMAAAAsdEVYdGV4aWY6U29mdHdhcmUAQWRvYmUgUGhvdG9zaG9wIDI0LjYgKFdpbmRvd3MpBH1viQAAABx0RVh0ZXhpZjp0aHVtYm5haWw6Q29tcHJlc3Npb24ANvllcFcAAAAodEVYdGV4aWY6dGh1bWJuYWlsOkpQRUdJbnRlcmNoYW5nZUZvcm1hdAAzMDZCSa5EAAAALHRFWHRleGlmOnRodW1ibmFpbDpKUEVHSW50ZXJjaGFuZ2VGb3JtYXRMZW5ndGgAMNY9rcAAAAAfdEVYdGV4aWY6dGh1bWJuYWlsOlJlc29sdXRpb25Vbml0ADIlQF7TAAAAH3RFWHRleGlmOnRodW1ibmFpbDpYUmVzb2x1dGlvbgA3Mi8x2ocYLAAAAB90RVh0ZXhpZjp0aHVtYm5haWw6WVJlc29sdXRpb24ANzIvMXTvib0AAAAZdEVYdGxhYmVsAFJlY3RhbmdsZSAyMSBjb3B5Bk9q6AAAABV0RVh0cGhvdG9zaG9wOkNvbG9yTW9kZQAzVgKzQAAAACZ0RVh0cGhvdG9zaG9wOklDQ1Byb2ZpbGUAc1JHQiBJRUM2MTk2Ni0yLjEcL2wLAAAAKHRFWHR4bXA6Q3JlYXRlRGF0ZQAyMDI2LTEwLTIwVDEyOjI4OjUwKzA1OjAwz9kO+AAAAC50RVh0eG1wOkNyZWF0b3JUb29sAEFkb2JlIFBob3Rvc2hvcCAyNC42IChXaW5kb3dzKWRXp5cAAAAqdEVYdHhtcDpNZXRhZGF0YURhdGUAMjAyNi0xMC0yMlQxOTozODoxMiswNTowMPWxO6wAAAAodEVYdHhtcDpNb2RpZnlEYXRlADIwMjYtMTAtMjJUMTk6Mzg6MTIrMDU6MDDJFWgSAAAAS3RFWHR4bXBNTTpEb2N1bWVudElEAGFkb2JlOmRvY2lkOnBob3Rvc2hvcDpkYmI2YjAyZi1mYmQxLWQ2NDQtOGVjMC02ZWFiMmI3YzQyY2OtgXEfAAAAPXRFWHR4bXBNTTpJbnN0YW5jZUlEAHhtcC5paWQ6YThlY2NlYTktYjdkYy1lNzRhLWFmYmEtMGRkZjBlYjM2ZjdlqdoH8AAAAEV0RVh0eG1wTU06T3JpZ2luYWxEb2N1bWVudElEAHhtcC5kaWQ6YTY4ZTg4YTctOTM0OS00MTQ5LWI0MjMtMWQ0OTZlY2M0ZWZkFhSm0AAAAABJRU5ErkJggg==") !important; } body.page-id-78 .dk-services-section .dk-service-card:nth-child(3) .dk-service-icon { background-image: url("data:image/png;base64,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aWZ5ADIwMjYtMTAtMjlUMTU6MDY6NTErMDA6MDAAuQZjAAAAKHRFWHRkYXRlOnRpbWVzdGFtcAAyMDI2LTEwLTI5VDE1OjA2OjUyKzAwOjAwZkQ9IQAAACl0RVh0ZGM6Zm9ybWF0AGFwcGxpY2F0aW9uL3ZuZC5hZG9iZS5waG90b3Nob3DkrZ9UAAAAEXRFWHRleGlmOkNvbG9yU3BhY2UAMQ+bAkkAAAAhdEVYdGV4aWY6RGF0ZVRpbWUAMjAyNjoxMDoyMiAxOTozODoxMiM/BGkAAAATdEVYdGV4aWY6RXhpZk9mZnNldAAxNjjFzWc/AAAAGXRFWHRleGlmOlBpeGVsWERpbWVuc2lvbgAxNTAwwVUybwAAABl0RVh0ZXhpZjpQaXhlbFlEaW1lbnNpb24ANTI1NxGQCbMAAAAsdEVYdGV4aWY6U29mdHdhcmUAQWRvYmUgUGhvdG9zaG9wIDI0LjYgKFdpbmRvd3MpBH1viQAAABx0RVh0ZXhpZjp0aHVtYm5haWw6Q29tcHJlc3Npb24ANvllcFcAAAAodEVYdGV4aWY6dGh1bWJuYWlsOkpQRUdJbnRlcmNoYW5nZUZvcm1hdAAzMDZCSa5EAAAALHRFWHRleGlmOnRodW1ibmFpbDpKUEVHSW50ZXJjaGFuZ2VGb3JtYXRMZW5ndGgAMNY9rcAAAAAfdEVYdGV4aWY6dGh1bWJuYWlsOlJlc29sdXRpb25Vbml0ADIlQF7TAAAAH3RFWHRleGlmOnRodW1ibmFpbDpYUmVzb2x1dGlvbgA3Mi8x2ocYLAAAAB90RVh0ZXhpZjp0aHVtYm5haWw6WVJlc29sdXRpb24ANzIvMXTvib0AAAAZdEVYdGxhYmVsAFJlY3RhbmdsZSAyMSBjb3B5IDNQTaAaAAAAFXRFWHRwaG90b3Nob3A6Q29sb3JNb2RlADNWArNAAAAAJnRFWHRwaG90b3Nob3A6SUNDUHJvZmlsZQBzUkdCIElFQzYxOTY2LTIuMRwvbAsAAAAodEVYdHhtcDpDcmVhdGVEYXRlADIwMjYtMTAtMjBUMTI6Mjg6NTArMDU6MDDP2Q74AAAALnRFWHR4bXA6Q3JlYXRvclRvb2wAQWRvYmUgUGhvdG9zaG9wIDI0LjYgKFdpbmRvd3MpZFenlwAAACp0RVh0eG1wOk1ldGFkYXRhRGF0ZQAyMDI2LTEwLTIyVDE5OjM4OjEyKzA1OjAw9bE7rAAAACh0RVh0eG1wOk1vZGlmeURhdGUAMjAyNi0xMC0yMlQxOTozODoxMiswNTowMMkVaBIAAABLdEVYdHhtcE1NOkRvY3VtZW50SUQAYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOmRiYjZiMDJmLWZiZDEtZDY0NC04ZWMwLTZlYWIyYjdjNDJjY62BcR8AAAA9dEVYdHhtcE1NOkluc3RhbmNlSUQAeG1wLmlpZDphOGVjY2VhOS1iN2RjLWU3NGEtYWZiYS0wZGRmMGViMzZmN2Wp2gfwAAAARXRFWHR4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQAeG1wLmRpZDphNjhlODhhNy05MzQ5LTQxNDktYjQyMy0xZDQ5NmVjYzRlZmQWFKbQAAAAAElFTkSuQmCC") !important; } body.page-id-78 .dk-services-section .dk-service-card:nth-child(4) .dk-service-icon { background-image: url("data:image/png;base64,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bWUAMjAyNjoxMDoyMiAxOTozODoxMiM/BGkAAAATdEVYdGV4aWY6RXhpZk9mZnNldAAxNjjFzWc/AAAAGXRFWHRleGlmOlBpeGVsWERpbWVuc2lvbgAxNTAwwVUybwAAABl0RVh0ZXhpZjpQaXhlbFlEaW1lbnNpb24ANTI1NxGQCbMAAAAsdEVYdGV4aWY6U29mdHdhcmUAQWRvYmUgUGhvdG9zaG9wIDI0LjYgKFdpbmRvd3MpBH1viQAAABx0RVh0ZXhpZjp0aHVtYm5haWw6Q29tcHJlc3Npb24ANvllcFcAAAAodEVYdGV4aWY6dGh1bWJuYWlsOkpQRUdJbnRlcmNoYW5nZUZvcm1hdAAzMDZCSa5EAAAALHRFWHRleGlmOnRodW1ibmFpbDpKUEVHSW50ZXJjaGFuZ2VGb3JtYXRMZW5ndGgAMNY9rcAAAAAfdEVYdGV4aWY6dGh1bWJuYWlsOlJlc29sdXRpb25Vbml0ADIlQF7TAAAAH3RFWHRleGlmOnRodW1ibmFpbDpYUmVzb2x1dGlvbgA3Mi8x2ocYLAAAAB90RVh0ZXhpZjp0aHVtYm5haWw6WVJlc29sdXRpb24ANzIvMXTvib0AAAAZdEVYdGxhYmVsAFJlY3RhbmdsZSAyMSBjb3B5IDInSpCMAAAAFXRFWHRwaG90b3Nob3A6Q29sb3JNb2RlADNWArNAAAAAJnRFWHRwaG90b3Nob3A6SUNDUHJvZmlsZQBzUkdCIElFQzYxOTY2LTIuMRwvbAsAAAAodEVYdHhtcDpDcmVhdGVEYXRlADIwMjYtMTAtMjBUMTI6Mjg6NTArMDU6MDDP2Q74AAAALnRFWHR4bXA6Q3JlYXRvclRvb2wAQWRvYmUgUGhvdG9zaG9wIDI0LjYgKFdpbmRvd3MpZFenlwAAACp0RVh0eG1wOk1ldGFkYXRhRGF0ZQAyMDI2LTEwLTIyVDE5OjM4OjEyKzA1OjAw9bE7rAAAACh0RVh0eG1wOk1vZGlmeURhdGUAMjAyNi0xMC0yMlQxOTozODoxMiswNTowMMkVaBIAAABLdEVYdHhtcE1NOkRvY3VtZW50SUQAYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOmRiYjZiMDJmLWZiZDEtZDY0NC04ZWMwLTZlYWIyYjdjNDJjY62BcR8AAAA9dEVYdHhtcE1NOkluc3RhbmNlSUQAeG1wLmlpZDphOGVjY2VhOS1iN2RjLWU3NGEtYWZiYS0wZGRmMGViMzZmN2Wp2gfwAAAARXRFWHR4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQAeG1wLmRpZDphNjhlODhhNy05MzQ5LTQxNDktYjQyMy0xZDQ5NmVjYzRlZmQWFKbQAAAAAElFTkSuQmCC") !important; } /* Final icon rendering: the earlier PSD raster badges are retained as provenance only; these later selectors disable their black artwork so the white masked Figma icons above are the visible result. */ body.page-id-78 .dk-services-section .dk-service-card:nth-child(1) .dk-service-icon, body.page-id-78 .dk-services-section .dk-service-card:nth-child(2) .dk-service-icon, body.page-id-78 .dk-services-section .dk-service-card:nth-child(3) .dk-service-icon, body.page-id-78 .dk-services-section .dk-service-card:nth-child(4) .dk-service-icon { background-image: none !important; background-color: #106e65 !important; } body.page-id-78 .dk-services-section .dk-service-heading { width: 100% !important; margin: 0 !important; padding: 0 !important; } body:not(#dk-font-override).page-id-78 .dk-services-section .dk-service-heading .elementor-heading-title, body:not(#dk-font-override).page-id-78 .dk-services-section .dk-service-heading .elementor-heading-title a { margin: 0 !important; color: #ffffff !important; font-family: 'Poppins', Arial, sans-serif !important; font-size: min(18.34651px, 1.2231007vw) !important; font-weight: 600 !important; line-height: min(33.33332px, 2.2222213vw) !important; letter-spacing: 0 !important; text-decoration: none !important; white-space: nowrap !important; } body.page-id-78 .dk-services-section .dk-service-summary { width: calc(100% - min(43px, 2.8666667vw)) !important; max-width: none !important; margin: min(4px, .2666667vw) 0 0 !important; padding: 0 !important; } body.page-id-78 .dk-services-section .dk-service-summary p { margin: 0 !important; color: #c1c1c1 !important; font-family: 'Poppins', Arial, sans-serif !important; font-size: min(16.05319px, 1.0702127vw) !important; font-weight: 400 !important; line-height: min(25px, 1.6666667vw) !important; letter-spacing: 0 !important; } body.page-id-78 .dk-services-section .dk-service-card:first-child .dk-service-summary p { color: #ffffff !important; } /* Use the available body width from the reference card. These widths keep the three descriptive cards at exactly two lines and the advisory card on one line, while leaving the arrow column clear. */ body.page-id-78 .dk-services-section .dk-service-card:nth-child(1) .dk-service-summary, body.page-id-78 .dk-services-section .dk-service-card:nth-child(2) .dk-service-summary { width: min(225px,15vw) !important; } body.page-id-78 .dk-services-section .dk-service-card:nth-child(3) .dk-service-summary { width: min(210px,14vw) !important; } body.page-id-78 .dk-services-section .dk-service-card:nth-child(4) .dk-service-summary { width: min(245px,16.3333333vw) !important; white-space: nowrap !important; } body.page-id-78 .dk-services-section .dk-service-arrow { position: absolute !important; z-index: 3 !important; /* Smaller 22x34px pill, centered in the previous 28x43px footprint. */ right: min(23px, 1.5333333vw) !important; top: min(62px, 4.1333333vw) !important; bottom: auto !important; width: min(22px, 1.4666667vw) !important; height: min(34px, 2.2666667vw) !important; margin: 0 !important; } body.page-id-78 .dk-services-section .dk-service-arrow .elementor-button { width: 100% !important; min-width: 0 !important; height: 100% !important; min-height: 0 !important; padding: 0 !important; display: flex !important; align-items: center !important; justify-content: center !important; border: 0 !important; border-radius: 999px !important; background: #3edfd0 !important; color: #000000 !important; box-shadow: none !important; font-size: 0 !important; } body.page-id-78 .dk-services-section .dk-service-arrow .elementor-button::before { content: '' !important; width: min(6px, .4vw) !important; height: min(9px, .6vw) !important; background: url("https://www.digitalkreativ.no/wp-content/uploads/2026/10/Digital-Kreativ-Figma-Hero-CTA-Chevron-Dark.svg") center / 100% 100% no-repeat !important; font-size: 0 !important; line-height: 0 !important; } body.page-id-78 .dk-services-section .dk-service-card:nth-child(2) .dk-service-arrow .elementor-button::before, body.page-id-78 .dk-services-section .dk-service-card:nth-child(4) .dk-service-arrow .elementor-button::before { width: min(7px, .4666667vw) !important; } /* Keep the card component on the Figma default state while reviewing its pixel geometry. Older global interaction rules otherwise move the card, badge and image when the pointer happens to be over the reference card. */ body.page-id-78 .dk-services-section .dk-service-card:hover, body.page-id-78 .dk-services-section .dk-service-card:focus-within { transform: none !important; border-color: rgb(62 223 208 / .5) !important; box-shadow: 0 min(10px,.6666667vw) min(27px,1.8vw) rgb(0 0 0 / .50), 0 0 min(22px,1.4666667vw) rgb(24 207 194 / .13) !important; } body.page-id-78 .dk-services-section .dk-service-card:hover .dk-service-image img, body.page-id-78 .dk-services-section .dk-service-card:focus-within .dk-service-image img, body.page-id-78 .dk-services-section .dk-service-card:hover .dk-service-icon, body.page-id-78 .dk-services-section .dk-service-card:focus-within .dk-service-icon { transform: none !important; } body.page-id-78 .dk-services-section .dk-service-card:hover .dk-service-heading .elementor-heading-title a, body.page-id-78 .dk-services-section .dk-service-card:focus-within .dk-service-heading .elementor-heading-title a { color: #ffffff !important; } body.page-id-78 .dk-services-section .dk-service-card:hover .dk-service-arrow .elementor-button, body.page-id-78 .dk-services-section .dk-service-card:focus-within .dk-service-arrow .elementor-button { background: #3edfd0 !important; color: #000000 !important; box-shadow: none !important; } } /* Tablet/mobile: decorative presenter is removed completely and no space is reserved for it. The service content continues in the normal responsive flow. */ @media(max-width:1023px){ .dk-services-section .dk-services-intro{ max-width:100%!important; align-self:auto!important; align-items:flex-start!important; padding-bottom:0!important; } .dk-services-section .dk-services-person{ display:none!important; } }