/**
 * Digital Kreativ — mobile collaboration CTA ("Klar for å komme i gang?")
 * Measured against the 390px Photoshop mobile artboard:
 * border x20..370 / y4267..4824, 351 × 557; logo y4303; divider y4405;
 * eyebrow y4433; heading y4470; description y4548; phone y4625;
 * number y4713; button y4751. All units are reference CSS pixels.
 *
 * Page 78 only, <=767px. No desktop, tablet, or other-page changes.
 */
@media (max-width: 767px) {
  body.page-id-78 .dk-about-cta-section {
    box-sizing: border-box !important;
    position: relative !important;
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 30px 19px 69px !important;
    background: #000 !important;
  }

  body.page-id-78 .dk-about-cta-section .dk-about-banner {
    box-sizing: border-box !important;
    position: relative !important;
    isolation: isolate !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: min(100%, 351px) !important;
    max-width: 351px !important;
    height: auto !important;
    min-height: 557px !important;
    margin: 0 auto !important;
    padding: 34px 20px 34px !important;
    gap: 0 !important;
    border: 1px solid #3edfd0 !important;
    border-radius: 30px !important;
    background-color: #001014 !important;
    background-image:
      radial-gradient(ellipse 120% 75% at 90% 10%, rgba(20,116,124,.18), transparent 62%),
      radial-gradient(ellipse 90% 70% at 5% 86%, rgba(0,90,104,.17), transparent 70%),
      radial-gradient(circle, rgba(14,114,126,.22) 0 4px, transparent 5px),
      radial-gradient(circle, rgba(9,95,110,.19) 0 6px, transparent 7.5px),
      linear-gradient(130deg,#000b10 0%,#001016 53%,#00080c 100%) !important;
    background-position: center, center, 9px 13px, 3px 17px, center !important;
    background-size: 100% 100%, 100% 100%, 25px 28px, 48px 51px, 100% 100% !important;
    background-repeat: no-repeat, no-repeat, repeat, repeat, no-repeat !important;
    box-shadow: none !important;
    overflow: hidden !important;
    text-align: center !important;
  }
  /* Keep subtle halftone visible while ensuring accessible text contrast. */
  body.page-id-78 .dk-about-cta-section .dk-about-banner::before {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    z-index: 0 !important;
    inset: 0 !important;
    border-radius: inherit !important;
    background: linear-gradient(180deg,rgba(0,9,13,.25),rgba(0,11,15,.47)) !important;
    pointer-events: none !important;
  }
  body.page-id-78 .dk-about-cta-section .dk-about-banner > * {
    position: relative !important;
    z-index: 1 !important;
    inset: auto !important;
    grid-area: auto !important;
    grid-column: auto !important;
    grid-row: auto !important;
  }

  /* PSD symbol at x165..225, 60 × 70; divider 98 × 3 below it. */
  body.page-id-78 .dk-about-cta-section .dk-about-banner-logo {
    order: 1 !important;
    box-sizing: border-box !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: none !important;
    width: 60px !important;
    min-width: 60px !important;
    max-width: 60px !important;
    height: 70px !important;
    min-height: 70px !important;
    max-height: 70px !important;
    margin: 0 auto 58px !important;
    padding: 0 !important;
    border: 0 !important;
    overflow: visible !important;
  }
  body.page-id-78 .dk-about-cta-section .dk-about-banner-logo::after {
    content: "" !important;
    position: absolute !important;
    left: 50% !important;
    bottom: -35px !important;
    width: 98px !important;
    height: 2px !important;
    transform: translateX(-50%) !important;
    background: #3edfd0 !important;
    opacity: .8 !important;
  }
  body.page-id-78 .dk-about-cta-section .dk-about-banner-logo .elementor-widget-container {
    box-sizing: border-box !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 60px !important;
    min-width: 60px !important;
    max-width: 60px !important;
    height: 70px !important;
    min-height: 70px !important;
    padding: 0 !important;
    margin: 0 !important;
    background: none !important;
    overflow: visible !important;
  }
  body.page-id-78 .dk-about-cta-section .dk-about-banner-logo img {
    display: block !important;
    width: 60px !important;
    min-width: 60px !important;
    max-width: 60px !important;
    height: 70px !important;
    max-height: 70px !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    object-fit: contain !important;
    object-position: center !important;
  }

  body.page-id-78 .dk-about-cta-section .dk-about-banner-content {
    order: 2 !important;
    box-sizing: border-box !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: 100% !important;
    max-width: 310px !important;
    min-width: 0 !important;
    margin: 0 auto !important;
    padding: 0 !important;
    gap: 0 !important;
    text-align: center !important;
  }
  body.page-id-78 .dk-about-cta-section .dk-about-banner-eyebrow,
  body.page-id-78 .dk-about-cta-section .dk-about-banner-title,
  body.page-id-78 .dk-about-cta-section .dk-about-banner-desc {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    text-align: center !important;
  }
  body.page-id-78 .dk-about-cta-section .dk-about-banner-eyebrow {
    margin: 0 0 18px !important;
    padding: 0 !important;
  }
  body:not(#dk-font-override).page-id-78 .dk-about-cta-section .dk-about-banner-eyebrow .elementor-heading-title {
    display: block !important;
    margin: 0 !important;
    color: #fff !important;
    font-family: 'Poppins', Arial, sans-serif !important;
    font-size: 12.5px !important;
    font-weight: 400 !important;
    line-height: 1.4 !important;
    letter-spacing: 0 !important;
    text-align: center !important;
    text-transform: none !important;
    white-space: normal !important;
  }
  body.page-id-78 .dk-about-cta-section .dk-about-banner-title {
    margin: 0 0 18px !important;
    padding: 0 !important;
  }
  body:not(#dk-font-override).page-id-78 .dk-about-cta-section .dk-about-banner-title .elementor-heading-title {
    display: block !important;
    max-width: 300px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    color: #3edfd0 !important;
    font-family: 'Playfair Display', Georgia, serif !important;
    font-size: clamp(22px, 6.41vw, 25px) !important;
    font-weight: 700 !important;
    line-height: 1.19 !important;
    letter-spacing: 0 !important;
    white-space: normal !important;
    text-wrap: balance !important;
    text-align: center !important;
  }
  body.page-id-78 .dk-about-cta-section .dk-about-banner-desc {
    margin: 0 !important;
    padding: 0 !important;
  }
  body:not(#dk-font-override).page-id-78 .dk-about-cta-section .dk-about-banner-desc p {
    display: block !important;
    max-width: 286px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    color: #fff !important;
    font-family: 'Poppins', Arial, sans-serif !important;
    font-size: 12.5px !important;
    font-weight: 400 !important;
    line-height: 2 !important;
    letter-spacing: 0 !important;
    white-space: normal !important;
    text-align: center !important;
  }

  /* PSD phone block: turquoise ringing icon, label and tap-to-call number. */
  body.page-id-78 .dk-about-cta-section .dk-about-banner-call {
    order: 3 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    flex: none !important;
    width: 100% !important;
    max-width: 310px !important;
    min-width: 0 !important;
    margin: 35px auto 0 !important;
    padding: 0 !important;
    gap: 0 !important;
    text-align: center !important;
  }
  body.page-id-78 .dk-about-cta-section .dk-about-banner-phone-icon {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    flex: none !important;
    width: 29px !important;
    min-width: 29px !important;
    max-width: 29px !important;
    height: 29px !important;
    min-height: 29px !important;
    max-height: 29px !important;
    margin: 0 auto 18px !important;
    padding: 0 !important;
    border: 0 !important;
  }
  body.page-id-78 .dk-about-cta-section .dk-about-banner-phone-icon .elementor-icon {
    display: block !important;
    width: 29px !important;
    height: 29px !important;
    color: #3edfd0 !important;
    background: url("https://www.digitalkreativ.no/wp-content/uploads/2026/10/Phone-2.png") center/contain no-repeat !important;
  }
  body.page-id-78 .dk-about-cta-section .dk-about-banner-phone-icon .elementor-icon svg {
    visibility: hidden !important;
  }
  body.page-id-78 .dk-about-cta-section .dk-about-banner-call-text {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 0 !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: center !important;
  }
  body.page-id-78 .dk-about-cta-section .dk-about-banner-phone-label,
  body.page-id-78 .dk-about-cta-section .dk-about-banner-phone {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: center !important;
  }
  body.page-id-78 .dk-about-cta-section .dk-about-banner-phone-label {
    margin-bottom: 15px !important;
  }
  body:not(#dk-font-override).page-id-78 .dk-about-cta-section .dk-about-banner-phone-label .elementor-heading-title {
    display: block !important;
    margin: 0 !important;
    color: #3edfd0 !important;
    font-family: 'Poppins', Arial, sans-serif !important;
    font-size: 16.667px !important;
    font-weight: 400 !important;
    line-height: 1.45 !important;
    text-align: center !important;
  }
  body:not(#dk-font-override).page-id-78 .dk-about-cta-section .dk-about-banner-phone .elementor-heading-title,
  body:not(#dk-font-override).page-id-78 .dk-about-cta-section .dk-about-banner-phone .elementor-heading-title a {
    display: block !important;
    margin: 0 !important;
    color: #fff !important;
    font-family: 'Poppins', Arial, sans-serif !important;
    font-size: 16.667px !important;
    font-weight: 400 !important;
    line-height: 1.45 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    text-align: center !important;
  }

  body.page-id-78 .dk-about-cta-section .dk-about-banner-divider {
    display: none !important;
  }
  body.page-id-78 .dk-about-cta-section .dk-about-banner-btn {
    box-sizing: border-box !important;
    order: 4 !important;
    display: block !important;
    flex: none !important;
    width: 131px !important;
    max-width: 131px !important;
    height: 39px !important;
    min-height: 39px !important;
    margin: 17px auto 0 !important;
    padding: 0 !important;
    justify-self: center !important;
  }
  body.page-id-78 .dk-about-cta-section .dk-about-banner-btn .elementor-button {
    box-sizing: border-box !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: 39px !important;
    min-height: 39px !important;
    padding: 0 13px 0 17px !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 999px !important;
    background-color: #3edfd0 !important;
    color: #000 !important;
    font-family: 'Poppins', Arial, sans-serif !important;
    font-size: 12.5px !important;
    font-weight: 400 !important;
    line-height: 1 !important;
    text-align: left !important;
    white-space: nowrap !important;
    text-decoration: none !important;
    transform: none !important;
  }
  body.page-id-78 .dk-about-cta-section .dk-about-banner-btn .elementor-button::after {
    content: "" !important;
    display: block !important;
    flex: 0 0 7px !important;
    width: 7px !important;
    height: 11px !important;
    margin: 0 !important;
    background: url("https://www.digitalkreativ.no/wp-content/uploads/2026/10/Digital-Kreativ-Figma-Hero-CTA-Chevron-Dark.svg") center / contain no-repeat !important;
    font-size: 0 !important;
    line-height: 0 !important;
  }
  body.page-id-78 .dk-about-cta-section .dk-about-banner-btn .elementor-button:hover,
  body.page-id-78 .dk-about-cta-section .dk-about-banner-btn .elementor-button:focus-visible {
    background: #fff !important;
    color: #000 !important;
  }
}
@media (max-width: 359px) {
  body.page-id-78 .dk-about-cta-section {
    padding: 28px 15px 55px !important;
  }
  body.page-id-78 .dk-about-cta-section .dk-about-banner {
    min-height: 0 !important;
    padding: 31px 12px 32px !important;
  }
  body.page-id-78 .dk-about-cta-section .dk-about-banner-logo {
    margin-bottom: 52px !important;
  }
  body.page-id-78 .dk-about-cta-section .dk-about-banner-title .elementor-heading-title {
    font-size: 22px !important;
  }
}